Vuejs的学习笔记1---------响应式原理
来源:互联网 发布:网络110报警平台官网 编辑:程序博客网 时间:2024/06/05 15:06
Vuejs采用的基于依赖收集的观测机制
1 将原生的数据改造成可观测对象,一个可观测的对象可以被取值,也可以被赋值
2 在watcher的求值过程中,每一个被取值的可观测对象都会将当前的watcher注册为自己的一个订阅者,并成为当前watcher的一个依赖。
3 当一个被依赖的可观察对象被赋值时,它会通知所有订阅自己的watcher重新求值,并触发相应的更新。
Vuejs利用了ES5的object.defineProperty方法,直接将原生数据的对象的属性改造成getter和setter。(这是ES5的特性,所以Vue不支持IE8及以下版本的原因)。在这两个函数里面实现依赖的收集和触发,而且完美的支持嵌套的对象结构。对于数组,则通过包裹数据的可变的方法来监听数组的变化。使得vuejs的数据和操作原生的对象几乎没有区别。
1 Vue在初始化实例时将属性转化成getter/setter。 所以属性必须在data对象上才能让Vue转换它,这样才能让她响应
2 受现代js的限制Vue不能检测对象属性的添加或者删除
页面并不会因为delete 显示为undefined
3 实例创建后要添加响应属性的方法可以用$set
0 0
- Vuejs的学习笔记1---------响应式原理
- vuejs视图不能及时更新的问题 ,深入响应式原理
- 【学习笔记】Vue响应式原理
- vueJs的学习笔记(二)
- vueJs的学习笔记(四)
- vuejs学习入门笔记
- vuejs学习笔记
- Vuejs学习笔记 一
- VueJS学习笔记
- 学习vuejs的第一天(vuejs)
- vueJs第二讲学习笔记
- vueJS的双向绑定原理
- Vuejs学习1--概述
- vuejs路由学习(1)
- vueJs 2.0学习笔记(一)
- vuejs笔记
- vue笔记-----深入响应式原理
- 响应式布局学习笔记
- 使用Selector时增加渐入渐出动画效果
- 《javascript pattern》— javascript的继承
- Unity 自动计算所有物体包围盒的中心点
- ubuntu创建用户命令
- 添加真机调试版本
- Vuejs的学习笔记1---------响应式原理
- 57.Python项目在Jenkins中的自动化测试实践
- Android BroadcastReceiver
- Unexpected resin.home mismatch
- MYSQL中设置的索引不起作用
- QT调用DLL库小结
- effective C++之new和delete的使用
- unity+高德定位=pokemon go 山寨demo安卓版
- 你真的了解JAVA中与Webservice相关的规范和实现吗?