基本指令
v-text
v-text 主要用来更新 textContent，将实例中的数据当作纯文本输出，可以等同于 JavaScript 的 text 属性<br>
v-html
v-html 会将实例中的数据当作 HTML标签解核听后输出，它等同于 JavaScript 的 innerHtml 属性
v-cloak
v-cloak指令用于显示 当数据未解析完成时渲染的样式
v-once
v-once 指令只需渲染元素和组件一次， 都会被当作静态内容并跳过
v-if
v-if 指令可以实现条件渲染<br>
v-else
v-else 指令是搭配 v-if 指令使用的，它必须紧跟在 v-if或 v-else-if后面，否则不起作用
v-show
v-if和v-show的区别是带有v-show的元素会始终被渲染并保留在DOM中
v-on
v-on 指令是用来绑定事件监听器的
v-on:click可以简写成@click
使用的 event.preventDefault()也可以替换为 Vue 提供的事件的修饰符，具体使用方法为@绑定的事件+小圆点“.”+一个修饰符<br>
(1).stop:阻止单击事件冒泡<a v-on:click.stop="doThis"></ a><br>
(2).prevent:提交事件不再重载页面<form v-on:submit.prevent="onSubmit"></form>修饰可以串联，<a v-on:click.stop.prevent="doThat"></ a><br>
(3).capture:添加事件监听器时使用事件捕获模式<div v-on:click.capture="doThis">...</div><br>
(4).self:事件在该元素本身(如不是子元素)触发时触发回调<div v-on:click.self="doThat">...</div><br>
(5).once:单击事件只会触发一次<a v-on:click.once="doThis"></ a>
v-for
用来遍历数组或对象，表达式需结合in来使用
v-bind数据属性绑定
语法：v-bind：属性名
<div :class="[activeCls,errorCls]">今天天气真好啊！</div>
<img :src="imgSrc" :alt="alt" :title="title">
<div v-bind:style="{color:activeColor,fontSize:fontSize+'px'}">你好，胡颖</div>
实现class的动态切换，方便后期维护
v-model（双向绑定）
监听用户输入事件，更新数据
v-model可以用于
input标签
<p>选择的选项是:{{picked}}{{checked}}</p><br> <input type="radio" name="" id="" value="JS" :checked="checked" v-model="picked">JS
textarea标签
select标签
<span style="font-size: inherit;"><p>你的年龄是:{{selected}}</p></span><br><span style="font-size: inherit;"> <select name="" v-model="selected"></select></span><br>
v-model绑定的值通常是静态字符串，如果想绑定到实例的动态属性，可以使用v-bind来实现
修饰符
.lazy
当输入框处于非活动状态时才更新显示，减少页面刷新次数
.number
自动将用户输入值转换为数值类型（可直接进行数值计算），同时限制用户只能输入数字
