深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】
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监听到
相关文章推荐
- vue初识及数据驱动/ 双向数据绑定的原理 / 深入响应式的原理
- 深入双向数据绑定原理
- 第217天:深入理解Angular双向数据绑定的原理
- vue深入响应式原理及双向绑定原理
- Vue实现双向绑定的原理以及响应式数据
- Vue实现双向绑定的原理以及响应式数据
- Vue实现双向绑定的原理以及响应式数据的方法
- vue.js中响应式原理和双向数据绑定原理
- vue双向数据绑定原理
- Vue 双向数据绑定原理分析
- 什么是Vue?Vue双向数据绑定原理以及生命周期详解
- 详解Vue双向数据绑定原理解析
- [JS] 数据双向绑定原理
- 双向数据绑定原理
- VUE双向数据绑定原理分析
- 深入学习AngularJS中数据的双向绑定机制
- vue的双向数据绑定原理
- Vue渲染原理及其双向数据绑定详解
- JavaScript 进阶之深入理解数据双向绑定
- vue双向数据绑定原理探究(附demo)