Vue指令大全

Vue指令大全

对于一些刚接触Vue的小伙伴来说，可能都记不清楚Vue有哪些指令

现在，我开始隆重介绍一下Vue有哪些指令。

v-on

v-on 是事件绑定，可以缩写为@,如果需要event就在函数里面传参;例如@click=“btn($event)”；
常用的修饰符也有很多：
比如
.stop用来取消冒泡事件；
. prevent阻止默认事件；
.once只执行一次；当然还有许多。

v-model

v-model 是双向绑定，一般用于文本框、单选、复选、下拉；
常用的修饰符有
.lazy - 取代 input 监听 change 事件
.number - 输入字符串转为有效的数字
.trim - 输入首尾空格过滤

v-cloak

v-cloak页面渲染完成后消失；如果不适用的话，每次刷新页面会出现闪的一下子；就好比王者英雄出了闪现

v-once

v-once只渲染一次

v-pre

v-pre跳出渲染

v-text

v-text innerText输出

v-html

v-html innerHTML输出

v-for

v-for 和原生JS的for循环差不多
这是平常使用的一种格式

	arr   v-for="(i,$index) in arr"
    json   v-for="(i,$key,$index) in json"

v-show

v-show 判断元素显示还是隐藏
v-show=“true/false”

v-if

v-if是条件判断
当然还有配套的v-else、v-else-if

v-else

v-else-if