vue提升知识点整理
1、Vue 实例的 data 属性,可以在created、 beforeMount、mounted生命周期中获取到2、Vue 中的数组变更通知,通过拦截数组操作方法而实现3、编译器目标是创建渲染函数,渲染函数执行后将得到 VNode 树4、组件内 data 发生变化时会通知其对应 watcher,执行异步更新5、patching 算法首先进行同层级比较,可能执行的操作是节点的增加、删除和更新6、采
·
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 属性还未显示出来
更多推荐
已为社区贡献8条内容
所有评论(0)