摘要： 常用指令 v-bind :单向绑定解析表达式,可简写为 : XXX v-model :双向数据绑定 v-for :遍历数组/对象/宁符串 v-on:绑定事件监听，可简写为@ v-if:条件渲染（动态控制节点是否存存在) v-else:条件渲染(动态控制节点是否存存在) v-show:条件渲染(动态控 阅读全文

摘要： 收集表单数据 若:<input type="text"/>.则v-model收集的是value值，用户输入的就是value值。 若:<input type="radio" />，则v-model收集的是value值，且要给标签配置value值。 若:<input type="checkbox" /> 阅读全文

摘要： 列表渲染 v-for指令:1.用于展示列表数据2.语法:v-for="(item,index) in xxx" : key="yyy"（key唯一）3.可遍历:数组、对象、字符串（用的很少）、指定次数（用的很少) 数据部分： personList: [{ id: '001', name: 'aaa' 阅读全文

摘要： 绑定样式 1.class样式写法:class="xxx"Xxx可以是字符串、对象、数组 字符串写法适用于: 类名不确定 , 要 动态获取 。 对象写法适用于 : 要绑定多个样式,个教不确定,名宁也不确定。 数组写法适用于 : 要绑定多个样式。个数确定。名字也确定。但不确定用不用。 2. style样 阅读全文

摘要： 计算属性与监视 计算属性: 1.定义: 要用的属性不存在,要通过已有属性计算得来。 2.原理: 底层借助了objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 4. 阅读全文

摘要： 事件代理 事件的基本使用 1.使用v-on：xxx或@xxx绑定事件,其中xxx是事件名; 2.事件的回调需要配置在methods对象中,最终会在vm上; 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了; 4.methods中配置的函数，都是被Vue所管理的函数，this的 阅读全文

摘要： MVVM模型 1.M:模型(Model) :对应data中的数据 2.V:视图(View)︰模板 3.VM:视图模型(ViewModel) : Vue实例对象 数据处理 1.Object.defineProperty Object.definedProperty方法可以在一个对象上直接定义一个新的属 阅读全文

摘要： 模板语法 插值语法 功能:用于解析标签体内容。写法:{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。 <div class="root"> <h1>插值语法</h1> <h3>hello,{{name}}</h3> </div> <script type="text/jav 阅读全文

摘要： vue的开发环境 如何安装 这里为VUE的官方下载地址：　安装 — Vue.js (vuejs.org) - 通过<script>标签引入 开发版本体积大包含警告，能够及时弹出警告帮助修改问题；生产版本体积较小无警告，适合使用时缩小项目体积。 新建项目在script标签中根据自己的情况声明文件地址（ 阅读全文