- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue 中的 key 的作用
Vue 中的 key 到底有什么用？key 的作用主要是 为了实现高效的更新虚拟 DOM，提高性能。其原理是vue在patch的过程中通过key可以精准的判断两个节点是否是同一个，从而避免频繁的更新元素，使得整个patch过程更加高效，减少DOM操作量，提高性能。key 是给每一个 vnode 的唯一 id,依靠 key,我们的 diff 操作可以更准确、更快速 (对于简单列表页渲染来说 diff 节点也更快,但会产生一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据（表单）状态，
2021-05-06 21:09:29
439
原创 Vue中computed 和 watch的区别
1.Vue中computed 和 watch的区别。computed 计算属性 : 依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值。watch 侦听器 : 更多的是「观察」的作用,无缓存性,类似于某些数据的监听回调,每当监听的数据变化时都会执行回调进行后续操作。2.computed 的实现原理computed 本质是一个惰性求值的观察者。computed 内部实现了一个惰性的 watch
2021-05-05 21:15:49
257
原创 Vue面试题之响应式原理
1.用一句话来概括Vue的响应式原理。当创建 Vue 实例时,vue 会遍历 data 选项的属性,利用 Object.defineProperty 为属性添加 getter 和 setter 对数据的读取进行劫持（getter 用来依赖收集,setter 用来派发更新）,并且在内部追踪依赖,在属性被访问和修改时通知变化。每个组件实例会有相应的 watcher 实例,会在组件渲染的过程中记录依赖的所有数据属性（进行依赖收集,还有 computed watcher,user watcher 实例）,之后
2021-05-05 21:10:30
1744
原创 vue面试题——vue的生命周期
vue面试题——vue的生命周期1.Vue的生命周期分为几个阶段？简单说说他们的作用。生命周期分为8个阶段，两个为一组beforeCreate 前<创建>后createdbeforeMount 前<挂载>后mountedbeforeUpdate 前<更新>后UpdatedbeforeDestroy 前<销毁>后Destroy函数名称 该阶段发生的行为 在实际项目中的应用 beforeCreate（创建前） 在实例初始
2021-05-04 17:10:25
509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人