VUE语法总结

可以供后端人员快速学习VUE的语法

插值绑定
文本插值 {{ }}
HTML插值 v-html

属性绑定
v-bind:class="变量"
v-bind:title="变量"
简写
:class="变量"
:title="变量"
类名和样式绑定
:class="变量"

事件绑定
v-on:click
@click
常见修饰符
表单提交
@submit.prevent=""
按键修饰符
监听回车键是否被按下
@keyup.13
组合修饰符

双向绑定
v-model双向数据绑定
v-model与修饰符
v-model.trim.number
v-model与自定义组件

条件渲染和列表渲染
v-if 元素不保留在DOM中 有更高的切换开销
v-show display 元素仍然保留在DOM中 有更高的初始渲染开销
v-for 列表渲染
item in items or item of items
(user,index) in users