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是有的,只是样式上不显示)。