Vue基本指令

带特殊前缀的HTML 特性，可以让 Vue.js 对一个 DOM 元素做各种处理。比如：

；这里的 div 元素有一个 v-text 指令，其值为message；Vue.js会让该div的文本内容与 Vue实例中的 message 属性值保持一致。
Directives可以封装任何DOM 操作。比如v-attr 会操作一个元素的特性；v-repeat会基于数组来复制一个元素；v-on会绑定事件等。

Vue.js提供了不少常用的内置指令，接下来我们快速搞定它们，这对我们接下来的开发帮助很大。主要有：

• v-once指令
• v-if指令
• v-show指令
• v-else指令
• v-for指令
• v-model指令
• v-on指令
• v-bind指令

如果需要了解其它指令，可以进入 官网

v-if：

v-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中，代码如下：

由于v-if是一个指令，需要将它添加到一个元素上。但是如果想要切换多个元素，则可以把