Vue常用指令

v-on

事件绑定，可以缩写为@，如果需要event就在函数里面传参，例如@click="btn($event)";

常用的修饰符有：

stop：取消冒泡事件

prevent：阻止默认事件

once：只执行一次

v-model

双向绑定，多用于文本框、单选、复选和下拉框

常用修饰符：

lazy：取代input监听change事件

number：输入字符串转为有效的数字

trim：输入首尾空格过滤

v-once

只会进行一次渲染，当数据发生改变时，不会再变化

v-show

v-show接收一个表达式或布尔值，相当于给元素添加一个display属性

v-if、v-else、v-else-if

v-if和v-show有同样的效果，不同在于v-if是重新渲染，而v-show是使用display来控制显示隐藏，频繁切换的话使用v-show可以减少视图渲染造成的开销

v-if可以单独使用，而v-else、v-else-if必须与v-if组合使用

v-if、v-else-if都是接收一个条件或布尔值，v-else不需要接收参数，比较简单

v-for

v-for可以用来遍历数组、对象、字符串

v-text、v-html

v-text是渲染字符串，会覆盖原先的字符串

v-html是渲染为html，{{}}双大括号和v-text都是输出为文本，如果想要输出为html，就可以使用v-html

v-bind

用于给标签内的属性赋值，在标签的属性中直接加双括号会被当做字符串