v-model | 绑定数据 | <input v-model="message"> |
v-text | 输出文本,不能解析标签 | <p v-text="message"></p> |
v-html | 输出文本,可解析标签 | <p v-html="message">/p> |
v-once | 只绑定一次数据 | <p v-once >{{message}}</p> |
v-bind | 绑定属性 | <img v-bind:src="imgurl"> 或 <img :src="imgurl"> |
v-if | 控制是否显示容器 值转为布尔 为false时 注释该容器,反之true显示 | <div v-if="true"></div> |
v-show | 控制是否显容器 改变的时display:none/block | <div v-show="true"></diiv> |
v-for | 循环遍历数组、对象 | <li v-for="(val,key) in arr">{{val}}</li> |
v-cloak | 在还没有执行到vue代码的时候隐藏元素 可解决‘闪烁'问题 | <p v-cloak>{{message}}</p> |