vue指令

v-text,v-html ,{{}}:

绑定页面显示的内容,单向绑定,data中绑定的值变化,页面显示跟着变化。

v-bind:

绑定属性值,比如v-bind:class,v-bind:style,v-bind:ref等,可以简写为:class,:style,:ref。单向绑定,data中绑定的值变化,页面的属性值会跟着变化。

v-model:

双向绑定,data中值变化,页面变化;反过来页面变化,data值也跟着变化。

v-on:

绑定事件,比如v-on:click,简写为@click。

事件修饰符:

stop 阻止事件冒泡到父元素
prevent 阻止默认事件发生
self 只有元素自身触发事件才执行(冒泡或捕获的都不执行)
once 只执行一次

比如:@click.stop=""。

按键修饰符:

比如v-on:keyup.up="",v-on:keyup.down="",v-on:keyup.enter="",或者使用键码,比如v-on:keyup.13=""。

组合键:

比如@keyup.alt.67="",@click.ctrl=""(按住ctrl点击触发事件)。

v-for:

元素循环,可以循环数组,也可以循环对象的属性。

v-if,v-show:

控制是否显示,v-if控制dom是否有,v-show控制dom是否显示(dom是有的,只是样式上不显示)。

原文地址:https://www.cnblogs.com/silenceshining/p/14257223.html