vue 深入响应式原理 注意事项
2016-12-13 17:19
1161 查看
对vue.js 的响应式的原理的理解,有助于更加灵活的使用vue,和避开一些坑
所以了解其运行原理十分重要
vue 运行机制使用object.definePorperty 将变化的data ,转化为getter/setter.
因为使用了es5的特性, 也就是Vue不支持IE8及其以下版本的浏览器 的原因。
来将响应属性添加到对象上 (vm.$set 实例方法Vue.set全局方法)。
2.使用(Object.assign() 或者_.extend())方法添加属性,不会触发更新,这时3建议使用oldobject=Object.assign({},oldobject,{key1:value1,key2:value2})
3.Vue不允许动态添加 根级响应式属性,所有初始实例必须声明(空值也需要)
4.在数据变化之后立即使用 vm.$nextTick(calllback)
实现在Dom更新后操作
所以了解其运行原理十分重要
vue 运行机制使用object.definePorperty 将变化的data ,转化为getter/setter.
因为使用了es5的特性, 也就是Vue不支持IE8及其以下版本的浏览器 的原因。
变化检测
1·(Object.observe的废弃),Vue不能检测对象属性的添加或删除,因此属性必须在data对象上,但是可以使用Vue.set(Object,key,value)来将响应属性添加到对象上 (vm.$set 实例方法Vue.set全局方法)。
2.使用(Object.assign() 或者_.extend())方法添加属性,不会触发更新,这时3建议使用oldobject=Object.assign({},oldobject,{key1:value1,key2:value2})
3.Vue不允许动态添加 根级响应式属性,所有初始实例必须声明(空值也需要)
4.在数据变化之后立即使用 vm.$nextTick(calllback)
实现在Dom更新后操作
相关文章推荐
- Vue响应式原理深入解析及注意事项
- 《深入理解mybatis原理(三)》 MyBatis的一级缓存实现详解 及使用注意事项
- Vue.2.0.5-深入响应式原理
- vue 深入响应式原理
- Vue 源码解析:深入响应式原理
- vue笔记-----深入响应式原理
- 索引的原理及索引建立的注意事项
- 48讲 函数调用深入理解 函数使用注意事项①
- 绘制电路原理图的注意事项
- 索引的原理及索引建立的注意事项
- php文件上传原理及注意事项
- sqlserver索引的原理及索引建立的注意事项小结
- 继电器驱动电路原理及注意事项
- 彩色图转灰度图的原理和注意事项
- 索引的原理及索引建立的注意事项
- 索引的原理及索引建立的注意事项
- 模态窗口原理及注意事项
- 链接器解析外部符号的过程 深入理解计算机系统 P475 注:在链接时的注意事项
- 2009年四六级考试流程以及注意事项+710分计分原理和简单换算+100个高频词汇+100个高频词组搭配
- sqlserver索引的原理及索引建立的注意事项小结