随笔分类 -  Vue学习

摘要：MVVM模型 ●M：模型 Model，data中的数据 ●V：视图 View，模板代码 ●VM：视图模型 ViewModel，Vue实例 观察发现 ●data中所有的属性，最后都出现在了vm身上 ●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DOCTYPE h 阅读全文

摘要：el有2种写法 a、创建Vue实例对象的时候配置el属性 b、先创建Vue实例，随后再通过vm.$mount('#root')指定el的值 data有2种写法 a、对象式：data： { } b、函数式：data() { return { } } 如何选择：目前哪种写法都可以，以后到组件时，data 阅读全文

摘要：模板语法 Vue模板语法包括两大类 1、插值语法 功能：用于解析标签体内容 写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域 2、指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…） 举例：<a v-bind:href="xxx">或简写为<a 阅读全文

摘要：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象（el，data）（new Vue({这里是配置对象})） 2、root容器的代码依然符合html规范，只不过混入了一些特殊的Vue语法 3、root容器里的代码被称为Vue模板 4、Vue实例和容器是一一对应的 5、真实开发中只有一 阅读全文