指令：

指令是带有 v-前缀的 html标签特殊属性，指令特性的值是单个javascript表达式 。指令的职责是，当表达式的值改变时，将其产生的连带影响（即重新渲染视图），响应式地作用于DOM。

示例代码：

v-if 根据条件决定是否显示 < p v-if="seen"> 现在你能看到 </p> //v-if 将根据表达式的值来决定是否显示p标签 data{ seen:false }; setTimeout(function(){vm.$data.seen = true}, 3000); //三秒后，才显示p元素。这就是表达式的值改变，DOM将响应式改变，所以只用操作data对象里的属性值就可以控制视图。 v-bind 绑定html标签属性，并响应式的更新 <a v-bind:href="baidu"> 百度 </a> data:{ baidu: 'http://www.baidu.com' } v-on 监听DOM事件, 事件的方法定义在Vue对象的methods对象属性中 <a v-on:click="fun">百度</a> methods{ fun: function(){ }