1、v-model
多用于表单元素实现双向数据绑定
2、v-for
循环数组或json
3、v-show
显示/隐藏dom元素,通过display=block/none来控制元素显示/隐藏
4、v-if
判断显示/隐藏 dom元素
5、v-else-if
必须和v-if连用
6、v-else
必须和v-if连用 不能单独使用 否则报错 模板编译错误
7、v-bind
绑定属性
v-bind:class
三种绑定方法
1、对象型 ‘{red:isred}’
2、三元型 ‘isred?“red”:“blue”’
3、数组型 ‘[{red:“isred”},{blue:“isblue”}]’
8、v-on:click
给标签绑定函数,可以缩写为@,例如绑定一个点击函数 函数必须写在methods里面
9、v-text
解析文本
10、v-html
解析html标签
11、v-once
进入页面时 只渲染一次 不在进行渲染
12、v-cloak
能够解决插值表达式闪烁问题,需要在style中设置样式[v-clock]{display:none}