Vue笔记

ViewModel

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容