vue提升知识点整理

1、Vue 实例的 data 属性，可以在created、 beforeMount、mounted生命周期中获取到

2、Vue 中的数组变更通知，通过拦截数组操作方法而实现

3、编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树

4、组件内 data 发生变化时会通知其对应 watcher，执行异步更新

5、patching 算法首先进行同层级比较，可能执行的操作是节点的增加、删除和更新

6、采用数据劫持方式，即 Object.defineProperty() 劫持 data 中各属性，实现响应式数据

7、若 data 中某属性多次发生变化，watcher 仅会进入更新队列一次

8、key 的作用主要是为了高效地更新虚拟 DOM

9、使用 vm.$nextTick 可以确保获得 DOM 异步更新的结果

10、若没有 el 选项，vm.$mount(dom) 可将 Vue 实例挂载于指定元素上

11、Vuex 通过 Vue 实现响应式状态，因此只能用于 Vue

12、 Vuex 是一个状态管理模式

13、在 Vuex 中改变状态，可以通过 mutations 和 actions

14、若子组件给父组件传值，可使用 $emit 方法

15、若子组件使用 $emit(‘say’) 派发事件，父组件可使用 @say 监听

16、若父组件给子组件传值，子组件可通过 props 接受数据

17、vue-router 的常用模式有 hash 和 history 两种

18、可通过 addRoutes 方法动态添加路由

19、vue-router 借助 Vue 实现响应式的路由，因此只能用于 Vue

20、可通过 this.$parent 查找当前组件的父组件

21、可使用 this.$refs 查找命名子组件

22、可使用 $root 查找根组件，并可配合 children 遍历全部组件

23、v-model 能实现双向绑定

24、 v-model 本质上是语法糖，它负责监听用户的输入事件以更新数据

25、对 input 使用 v-model，实际上是指定其 :value 和 :input

26、DOM 渲染在 mounted 中就已经完成了

27、Vue 实例从创建到销毁的过程，就是生命周期

28、created 表示完成数据观测、属性和方法的运算和初始化事件，此时 $el 属性还未显示出来