技术文前端开发

Vue笔记

2015-09-11  本文已影响0人  Orange

ViewModel

一个同步 modelview 的对象,每个 Vue 实例都是一个 ViewModel。通过构造函数或其子类创建

var vm = new Vue({ /* options */ }); 
MVVMMVVM

View

每个 Vue 实例都关联着一个相应的 DOM 元素。当一个 Vue 实例被创建,会递归遍历根元素的所有子结点,完成数据绑定。当数据发生变化时,视图会自动触发更新。

vm.$el // The View

Model

Vue 实例代理了观察到数据对象的所有属性。一旦对象 {a: 1} 被观察,那么 vm.$data.avm.a 返回相同的值,而设置 vm.a = 2 则也会修改 vm.$data.a。一旦数据被观察,Vue.js 就不会侦测到新加入或删除的属性。作为弥补,为被观察的对象增加 $add$set$delete 方法。

以下是 Vue.js 数据观测机制实现的高层概览:

Vue数据观察Vue数据观察

Directives

上一篇下一篇

猜你喜欢

热点阅读