内置指令：vue内部提供，直接使用，且以"v-"开头
条件渲染v-if v-else v-show
作用：控制一个元素的渲染与否
语法：<目标元素 v-if="变量或表达式"></目标元素>
<目标元素 v-else></目标元素>
若v-if中的表达式值为true，v-if就显示，v-else不显示
<目标元素 v-show="变量或表达式"></目标元素>
v-if与v-show的区别
v-if 直接控制div元素的有无
v-show是使用了display:none
事件绑定v-on
v-on:事件名="事件处理函数" 简写：@事件名:事件处理函数
事件处理函数一定要写在实例的配置项methods内部
属性绑定v-bind
v-bind:要绑定的属性名 简写：:属性名
属性绑定可以让属性后面跟变量或表达式
列表渲染v-for
可以循环一个数据源（数组、表格、数字、字符串等）
以循环数组为例：
<li v-for="item in/of 要循环的数据">{{item}}</li>
双向数据绑定 v-model
相当于事件绑定v-on和属性绑定v-bind的结合
v-model="inpValue" //绑定inpValue变量，因此需要在data里先设置inpValue值，再使用方法methods对其进行控制
v-model所有表单元素都可以使用，组件也可以使用
v-html和v-text指令
v-html相当于innerHTML
v-text相当于innerText（不解析标签）
直接使用插值法{{}}也不会解析标签
例如：data:{string:<h1>Hello World</h1>} 使用：v-html="string"
