摘要：
注意： v-if的特点：每次都会重新删除或者创建元素 v-show的特点：每次不会进行dom的删除和创建操作，只是切换了元素的display样式 一般来讲，v-if有更高的切换消耗，而v-show有更高的初始渲染消耗，因此如果需要频繁切换v-show较好，如果在运行时条件不大可能改变v-if比较好 阅读全文
摘要：
注意： 在组件中，使用v-for循环的时候，或者在一些特殊情况下，如果v-for有问题，必须在使用v-for的同时，指定唯一的字符串、数字类型的key，并且要为key使用v-bind 阅读全文
摘要：
//html {{item}} 索引{{i}}---值{{item}} id是{{user.id}}---名字是{{user.name}} id是{{user.id}}---名字是{{user.name}}---索引是{{i}} //遍历对象身上的属性和值，除了有key value 在第三个位置上还有一个索引 键是{{key}}---值是{{value}}---索引是{{i}} //迭代... 阅读全文
摘要：
/html //对象就是无序键值对的集合 哈哈哈哈哈 //script 阅读全文
摘要：
//style//html //传统方式 红红火火 //使用v-bind绑定 要注意 必须用数组方式，并且每个class都必须被单引号包着 //并且支持三目运算符 红红火火恍恍惚惚 //这种方式也可以 如果flag为false的话 class就没有active //在位class使用v-bind绑定对象的时候，对象的属性是类名 ，对象属性可带引号可不带引号 属性值是一个... 阅读全文
摘要：
说明： v-bind只能实现数据的单向绑定 从model 自动绑定到 view中，无法实现数据的双向绑定 v-model指令可以实现 表单元素和model中数据的双向绑定 v-model只能运用在表单元素中，即除了能够实现数据从model渲染到到view，也能实现从view中道model中去 效果： 阅读全文
摘要：
简介： .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件监听器时使用事件捕获方式 .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 .once 事件只触发一次 说明： 点击按钮，控制台会打印 触发了btn的点击事件 触发了div的点击事件 默认是冒泡机 阅读全文
摘要：
说明： 在vue实例中，如果想调用data中的属性(获取data上的数据)，或者调用methods中的方法，都需要通过this来访问，this就代表我们当前的vue实例 格式为：this.数据属性名 this.方法名 vue会监听自己身上data中所有数据的改变，只要数据一发生变化，就会自动把最新的 阅读全文
摘要：
说明： v-on是用来绑定事件的,click还可以换成mouseover，dbclick，mouseon等浏览器端常见的事件机制 v-on的缩写是@ 阅读全文
摘要：
说明：v-bind是用来绑定属性变量的，如果没有v-bind那么鼠标放到ok按钮上的时候，悬浮的标题是“msg”字符串,而不是msg中的内容 只有通过v-bind绑定title属性的msg变量 title才会取到msg中的内容，鼠标放上去，悬浮的标题是“点击一下” v-bind是可以省略不写的，只留 阅读全文
摘要：
说明： 使用v-cloak能够解决插值表达式的加载内容的闪烁问题，另外在style中定义的样式[v-cloak],在标签元素中使用的时候可以改不加class=" ",直接使用 v-text默认是没有内容加载的闪烁问题。 另外 使用插值表达式不会影响符号++--的加载，而使用v-text的话，++-- 阅读全文