Vue -（模板语法）

一、指令

指令是带有'v-'前缀的特殊属性

v-bind：绑定属性（简写：）

v-on：绑定事件（简写@）

条件判断指令：

v-if 可以控制元素的可见性，true可见，false不可见 （后面是布尔值）

v-show 也可以控制元素的可见性，true可见，false不可见 

区别：

v-if是不渲染dom，v-show渲染dom，将元素设置为display：none。

显示列表

v-for （来实现让列表的内容随着数据的变化而变化）

代码如下：

v-for="(fruit,index) of fruitlist" :key="index"

（跟for语句很类似） （绑定：key属性确保列表的唯一性）