您的位置:首页 > 其它

深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】

2019-07-29 21:28 316 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/panda_pan9527/article/details/97684471

深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】 【 面试题 - 王者 】

1.深入响应式原理

  • 数据模型仅仅是普通的javascript对象,而当我们修改它是,视图也会随之而变化

2.数据驱动

  • 数据改变,视图改变

3.双向数据绑定

  • 我们使用v-model来实现对数据的双向绑定;数据改变,视图改变;视图改变,数据改变

4.公共部分

vue是通过数据劫持和订阅发布来进行深入响应;数据劫持指的是vue通过es5的object.defineproprtype属性对data 选项中的数据进行getter和setter设置;订阅发布指的是vue通过自定义事件将data的变化反应到视图中去,vue通过observer观察者对象反应数据的变化,然后在通知vue生成新的Virtual DOM,从而渲染视图

5.关键词

​ 数据劫持

​ 订阅发布

​ es5 Object.defineProperty getter setter

​ observer对象

​ 将data选项中的数据全部做一遍getter和setter设置,然后他们的变化就会被observer监听到

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: