vue全局指令-獲取焦點

<div id="app">
   <div class="panel panel-primary">
      <div class="panel-body form-inline">
         <label>搜索關鍵字: <input type="text" class="form-control" v-focus /></label>
      </div>
   </div>
</div>

　　<script>

   //自定義一個全局指令
   Vue.directive('focus',{
     bind:function(el){ },
     inserted:function(el){
       el.focus()
     },
     updated:function(el){ }
   })


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


知識點
  bind函數==>和樣式相關的操作，一般都可以在 bind 中執行,綁定到元素上的時候，立即執行 bind函數，且只執行一次(注意：在每個函數中,第一個參數永遠是 el,表示被綁定了指令的那個元素,這個 el參數是一個元素的原生的JS對象)
  inserted函數==>和JS行為有關的操作，最好在 inserted 中 去執行，防止 JS行為不生效,元素插入到DOM中時，執行 inserted函數，只觸發一次
  updated函數==>當組件 VNode 更新時，執行 updated，可能會觸發多次