技術標籤：js

自定義指令分為全域性自定義指令和區域性自定義指令

全域性自定義指令註冊：
html：

   <div id="app">
        <input type="text" v-focus >
    </div>

js：

Vue.directive("focus", {
    inserted: function (el) {

        el.focus();
        el.style.border = "4px solid pink"
 

    },
  
}) 

區域性自定義指令註冊：
html程式碼同上
js:

new Vue({
    el: "#app",
    directives:{
        focus:{
            inserted(el){
                el.focus()
                el.style.color='red'
            }
        }
    }
        

自定義指令一共有五個鉤子函式
bind（） 指令第一次繫結時呼叫 只調用一次
inserted() 被繫結元素被插入父節點是呼叫，

輸出的鉤子函式的引數：

name 是自定義事件名
rawName 繫結方法