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>