摘要：
简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变 阅读全文
摘要：
一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。 <body> <div class="box"> <!-- v-if 等于true的时候 会把这个元素彻底移除掉--> <h1 v- 阅读全文
摘要：
2.2.0+ 的版本里，**当在组件中使用** v-for 时，key 现在是必须的。 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “**就地复用**” 策略。如果数据项的顺序被改变，Vue将**不是移动 DOM 元素来匹配数据项的顺序**， 而是**简单复用此处每个元 阅读全文
摘要：
1. 直接在元素上通过 `:style` 的形式，书写样式对象```<h1 :style="{color: 'red', 'font-size': '40px'}">这是一个善良的H1</h1>``` <div class="box"> <!-- 内联样式书写为对象形式 其中font-size 必须 阅读全文
摘要：
VUE使用的样式 1. 数组```<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> <body> <style> .red{ color: red; } .find{ font-style: italic; } </style> <!-- 使用v-bind 来绑 阅读全文
摘要：
v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 <input type="text" v-bind:value="msg" style="width:100%;"> 使用 v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定 注意： v 阅读全文
摘要：
事件修饰符： + .stop 阻止冒泡 + .prevent 阻止默认事件 + .capture 添加事件侦听器时使用事件捕获模式 + .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 + .once 事件只触发一次 .stop 阻止冒泡 .prevent 阻止默认行为 .captu 阅读全文
摘要：
v-bind：是 Vue中，提供的用于绑定属性的指令 1. 直接使用指令`v-bind` 2. 使用简化指令`:` 3. 在绑定的时候，拼接绑定内容：`:title="btnTitle + ', 这是追加的内容'"` 4.v-bind 中，可以写合法的JS表达式 v-on: 事件绑定机制，可以简写@ 阅读全文
摘要：
v-text： 没有加载闪烁问题，它会覆盖元素中原本的内容，但是插值表达式，只会替换自己的这个占位符，不会把 整个元素的内容清空。 v-html： 使用v-html可以把标签元素也能显示在元素上 阅读全文
摘要：
new Vue 相当于我们mvvm中的vm 调度者 data 就是mvvm中的M，专门来保存每个页面的数据的（存放的是el属性中的数据的） 插值表达式{{ }} ; v-cloak 能够解决 插值表达式闪烁的问题： <p v-cloak>++++++++ {{ msg }} </p> //如果网速们 阅读全文