Vue重点知识点整理不容错过

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197475.html

1. 基础篇
• 说说你对 MVVM 的理解
• MVC 和 MVVM 的区别
• 虚拟 Dom
• key 的作用
• 为什么不建议用 index 作为 key?
• diff 的步骤
• Vue2.x 响应式数据/双向绑定原理
• 响应式原理
• vue2.x 中如何监测数组和对象变化?
• Proxy 比 Object.defineProperty 好在哪?
2. 生命周期篇
• 生命周期四个阶段
• 初次渲染就会触发的生命周期
• 父组件和子组件之间的生命周期执行顺序
• 什么阶段才能调用 DOM
• 什么阶段能发起请求
3. 常规篇
• computed 和 watch 的区别以及应用场景?
• v-if 和 v-show 的区别以及应用场景?
• 为什么 v-for 和 v-if 不建议用在一起?
• v-model 的实现
• Vue 事件绑定原理是什么？
• nextTick 的实现原理是什么？
• Vue2.x 组件通信有哪些方式？
• Vue 的单向数据流
• 组件中的 data 为什么是一个函数？
• VUE 模板编译原理?
• Vue 中 v-html 有什么作用？会导致什么问题？
• 什么是 mixin？
• hash/history 两种模式有什么区别？
4. VueX 篇
• VueX 是什么?
• 什么情况下使用 Vuex？
• Vuex 和单纯的全局对象有什么区别？
• 为什么不直接分发 mutation,而要通过分发 action 之后提交 mutation 变更状态
• vuex 的 action 有返回值吗？返回的是什么？
• Vue.observable(简易版 VueX)
5. 性能优化篇
• 提高首频加载速度
• keep-alive
• v-cloak 网速慢时用
• v-once 只渲染一次,且不会改变
• 路由懒加载/组件懒加载
• 图片懒加载 Vue-lazyload

基础篇

说说你对 MVVM 的理解

• Model-View-ViewModel 的缩写，Model 代表数据模型，View 代表 UI 组件,ViewModel 将 Model 和 View 关联起来
• 数据会绑定到 viewModel 层并自动将数据渲染到页面中，视图变化的时候会通知 viewModel 层更新数据