Vue笔记

作者: Orange | 来源:发表于2015-09-11 01:05 被阅读0次

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 数据观测机制实现的高层概览：