指令：

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

示例代码：

1. v-if 根据条件决定是否显示

< p v-if="seen"> 现在你能看到 </p>   //v-if 将根据表达式的值来决定是否显示p标签

data{
seen:false
};
setTimeout(function(){vm.$data.seen = true}, 3000);  //三秒后，才显示p元素。这就是表达式的值改变，DOM将响应式改变，所以只用操作data对象里的属性值就可以控制视图。

2. v-bind 绑定html标签属性，并响应式的更新

<a v-bind:href="baidu"> 百度 </a>

data:{
baidu: 'http://www.baidu.com'
}

3. v-on 监听DOM事件, 事件的方法定义在Vue对象的methods对象属性中

<a v-on:click="fun">百度</a>
methods{
fun: function(){
  
}