vue的双向绑定的原理
1、双向绑定实现的数据和模板相互影响的效果,任何一方发生变化另一方就会更新;
2、virturl DOM 和数据管理方式,前者模板管理,后者是数据管理
原理:
1、vue框架包括view视图层,model数据层,ViewModel控制层 ,mvvm就是将试图和数据关联起来
2、职责就是数据变化通知视图更新,视图变化后更新数据
3、对应两个组成模块
(1)监听器 Observer 观察数据的变化,并通知视图更新
有两个部分组成 观察者模式和数据劫持
观察者模式:由发布者和订阅者组成,前者发布通知变化,后者负责订阅需要关注的变化 二者是独立存在的,需要一个消息队列
数据劫持:Object.defineProperty 来实现,为数据的每个属性更新关联观察者
(2)解析器 Compiler :观察UI的交互 并同步数据
定义了这两个模块就实现了双向绑定
4、模板解析
component 解析
Vue的双向绑定原理
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...