qq_51172685的博客

模板编译 Vue的模板，看着像html，但是并不是真正的html，因为他有指令，差值，JS表达式；所以模板到底是什么？ 1.前置知识：JS的with语法 with改变{}内自由变量的查找规则，当作obj属性来查找 如果找不到匹配的obj属性就会报错 with要慎用。它打破了作用域规则，易读性变差 2.vue-template-compiler将模板编译成render函数 首先模板不是html这是肯定的，因为html...

1.JS模拟DOM结构

组件data的数据一旦变化，立刻触发视图的更新 数据驱动视图的第一步 1.核心API-Object.defineProperty 1.1回顾Object.defineProperty Object.defineProperty(obj, prop, descriptor) obj：要定义属性的对象。 prop：要定义或修改的属性的名称或Symbol。 descriptor：要定义或修改的属性描述符。 参考：Object.defineProperty() - JavaScri...

M：model 对应data中的数据 V：视图 对应模板 VM：视图模型 对应Vue实例对象 MVVM模型，将数据和视图分开管理，实现了代码的分层，更容易管理。 View——>DOM Listeners——>Model：当视图中触发了点击事件，就会被视图模型VM监听到，随后可以去更改Model中的数据。 Model——>Data Bindings——>View：当模型中的数据发生了变化，由于视图数据和模型数据有绑定关系，就会使视图产生变化适应我们新的数据。 所以，省去