摘要：1. 全局组件创建 效果图： 1、创建新组件， 2. 实例化对象， 3.调用组件 代码： 2. 局部组件创建 代码： 阅读全文

摘要：1. v-model指令 ： 双向数据绑定 效果图： 代码： 提交表单信息效果图： 代码： 阅读全文

摘要：click 单击； dblclick 双击 ； $event : 原始DOM事件 效果图： 代码： 阅读全文

摘要：v-for指令： 遍历列表； 尽量和 key 属性同时使用 效果图一： 效果图二： 代码： 阅读全文

摘要：v-if指令 ： 类似于 if( a ）{ b } 当 a 为真 ， 执行b ,否则不执行b 最简单的 效果图： v-if 、 v-else 中等的效果图： v-if 、 v-else-if 、v-else 复杂点的效果图： v-show （通过控制css中display来切换）和 v-if : 频 阅读全文

摘要：方法一 效果图： 方法二 效果图： 方法三 效果图： 代码： 阅读全文

摘要：v-if指令 ： 显示或隐藏 v-bind指令 ： 绑定HTML特性，比如 v-bind：id="one" @click: 点击事件 ; @click.stop 附带阻止冒泡， 点击自己不影响祖先元素的点击事件 效果图： 代码: 阅读全文

摘要：1. v-once指令 效果图： v-once指令 阻止显示新的变量值，就是 一部手机的价格 变了， 但是官网上显示的销售价格还是旧价格， 新价格它显示不出来。 代码： 扩展- 框架代码的执行顺序 效果图： 优先执行关于vue实例的代码 2. v-html 指令 效果图： 代码： 3. v-bind 阅读全文

摘要：感想： 和微信小程序的生命周期类似 效果图： 代码： 阅读全文

摘要：效果图： Object.freeze(被阻止后续修改现有属性的变量) ； 变量.$watch('变量中的某个属性名',function(新值，旧值）{} ）， 该方法必须在定义新值前定义。 代码： 阅读全文

摘要：效果图： 代码： 阅读全文

摘要：vue.js ：渐进式JavaScript框架 vue.js 优点 1.体积小 例如：压缩后 33k; 2.更高的运行效率 基于虚拟dom,一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术，由于这个DOM操作属于预处理操作，并没有真实的操作DOM,所有叫做虚拟 阅读全文