Vue笔记
2015-09-11 本文已影响0人
Orange
ViewModel
一个同步
model
和view
的对象,每个Vue
实例都是一个ViewModel
。通过构造函数或其子类创建
var vm = new Vue({ /* options */ });
MVVM
View
每个
Vue
实例都关联着一个相应的DOM
元素。当一个Vue
实例被创建,会递归遍历根元素的所有子结点,完成数据绑定。当数据发生变化时,视图会自动触发更新。
vm.$el // The View
Model
Vue
实例代理了观察到数据对象的所有属性。一旦对象{a: 1}
被观察,那么vm.$data.a
和vm.a
返回相同的值,而设置vm.a = 2
则也会修改vm.$data.a
。一旦数据被观察,Vue.js
就不会侦测到新加入或删除的属性。作为弥补,为被观察的对象增加$add
,$set
和$delete
方法。
以下是 Vue.js
数据观测机制实现的高层概览: