前文
这节课属于对数据响应机制的探究,属于加强篇
如果有兴趣可以看看,不涉及实际的开发。
原理
Vue保证了数据的同步机制,即一旦我们修改了数据,数据发生变化,就会同步投射到模板上
那到底是怎么做到的?
首先会调用函数的data获取到对象
对对象的每个属性创建一个监听器
对我们写的模板需要调用数据的地方创建一个观察器
观察期会将自己添加到监听器的通知对象上并读取目前的值,绘制到模板上
而观察器会劫持数据的读写操作,一旦数据发生了改写,就会将通知监听器。
监听器得到通知,并获取到最新的值
然后再次更新到模板上。
这样就完成了整个消息的通知。
我们完成了数据与模板的绑定以及状态的更新。
结语
撒花~