使用了 vue 的指令后，表达式是 JS 表达式，变量是 VUE 实例中的数据属性。
1 常用指令
- v-if指令
- v-show指令
- v-else指令
- v-for指令
- v-bind指令
- v-model
- v-on指令
- v-text指令
1.1 v-if是条件渲染指令，它根据表达式的真假来删除和插入元素，它的基本语法如下：
v-if="expression"
expression是一个返回bool值的表达式，表达式可以是一个bool属性，也可以是一个返回bool的运算式。例如：
"UTF-8">
"app">
Hello, Vue.js!
if="yes">Yes!
if="no">No!
if="age >= 25">Age: {{ age }}
if="name.indexOf('jack') >= 0">Name: {{ name }}
显示结果如下、
注意：v-if指令是根据条件表达式的值来执行元素的插入或者删除行为。
1.2 v-for指令
v-for指令基于一个数组渲染一个列表，它和JavaScript的遍历语法相似：
v-for="item in items"
items是一个数组，item是当前被遍历的数组元素。
示例代码：
"app">
"width: 400px; height: 600px;" border="1" cellspacing="0">
name
age
for="item in items">
"center"> {{item.name}}
{{item.age}}
1.3 v-bind 指令可以在其名称后面带一个参数，中间放一个冒号隔开，这个参数通常是HTML元素的特性（attribute），例如：v-bind:class
v-bind:argument="expression"
1.4 v-model