常用的Vue指令

v-text:设置标签的内容（textConent）。

v-html:设置标签的innerHTML。

v-on:为元素绑定事件。如

v-on:click="doIt"
@click="doIt" //这是v-on的简写

v-show:根据表达式的真假，切换元素的显示与隐藏，原理是修改元素的display，实现显示与隐藏。

v-if:跟v-show类似，也是根据表达式的真假，切换元素的显示与隐藏，但是直接操作DOM。 小结：频繁切换元素用v-show，反之用v-if。

v-bind:属性名=表达式。修改元素的属性（比如src、title、class）

<div id="app">
    <img v-bind:src="imgSrc">
    <img :src="imgSrc"> 可以直接用冒号：代替
</div>

var app = new Vue({
    el:'#app';
    data:{
    {imgSrc:'图片地址'}
    }
})

v-for:根据数据生成列表结构。

v-model:获取和设置表单元素的值（双向数据绑定） 绑定的数据会和表单值相关联