vue知识点总结

v-html :使用 v-html 指令用于输出 html 代码;
v-bind:class="{‘class1’: use}" 可用于绑定样式 简写:class
.class{
background:#000;
}
v-bind:style="{ color: activeColor, fontSize: fontSize + ‘px’ }
var url=“http://www.baidu.com”
v-bind:href=“url"响应地更新 HTML 属性 简写 :href
v-on :它用于监听 DOM 事件 简写@
v-if条件语句v-else v-show
v-for=“item in lists” 循环语句 v-for=”(value, key) in list" 第二个的参数为键名 v-for="(value, key, index) in list"第三个参数为索引
computed()计算属性，可以methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行，computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性

watch：监听属性，项目中有用到一个数据随另一数据变化时
watch : {
s1:function(val) {
}
});
// $watch是一个实例方法vm.$watch(‘kilometers’, function (newValue, oldValue) {
// 这个回调将在 vm.kilometers 改变后调用
document.getElementById (“info”).innerHTML = "修改前值为: " + oldValue + "，修改后值为: " + newValue;
})

< !-- 阻止单击事件冒泡 -->
< a v-on:click.stop=“doThis”>< /a>
< !-- 提交事件不再重载页面 -->
< form v-on:submit.prevent=“onSubmit”>< /form>
< !-- 修饰符可以串联 -->
< a v-on:click.stop.prevent=“doThat”>< /a>
< !-- 只有修饰符 -->
< form v-on:submit.prevent>< /form>
< !-- 添加事件侦听器时使用事件捕获模式 -->
< div v-on:click.capture=“doThis”>…</ div>
< !-- 只当事件在该元素本身（而不是子元素）触发时触发回调 -->
< div v-on:click.self=“doThat”>…< /div>
< !-- click 事件只能点击一次，2.1.4版本新增 -->
< a v-on:click.once=“doThis”>< /a>
v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步
如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个修饰符 number 给 v-model 来处理输入值
如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入：