<label>搜索关键字: <input type="text" class="form-control" v-focus/></label>

// 定义全局的指令  定义时不用写 v- 前缀，但是调用时需要写 v- 前缀
// 参数1：指令的名称，名称前不需要加 v-
// 参数2：是一个对象，ta身上有一些指令先关的函数，这些函数可以在特定的阶段，执行相关的操作
     Vue.directive(‘focus‘,{
       inserted:function(el){
//       在每个函数中，第一个参数 永远是el，表示被绑定了指令的那个元素，这个el参数是一个原型的js对象
//       和js行为相关的操作，最好使用inserted函数（一个元素只有插入到DOM之后，才能获取焦点）
         el.focus()
       }
     });


     var vm = new Vue({
       el:"#app",
       data:{},
       methods:{}
     })

<label>搜索关键字: <input type="text" class="form-control" v-color/></label>

Vue.directive(‘color‘,{
   bind:function(el){
//   设置样式时建议使用
     el.style.color = "red"
   }
});

<label>搜索关键字: <input type="text" class="form-control" v-color="‘gold‘"/></label>

Vue.directive(‘color‘,{
   bind:function(el,binding){
     el.style.color = binding.value
   }
});