vue自定义指令--钩子函数

1. 自定义指令的钩子函数，及自定义指令的使用场景
   (1) bind：只调用一次，指令第一次绑定到元素时调用
   (2) inserted：被绑定元素插入父节点时调用
   (3) update：所在组件的虚拟节点更新时调用
   (4) componentUpdated：所在组件的虚拟节点及子虚拟节点全部更新后调用
   (5) unbind：只调用一次，指令与元素解绑时调用

2. 案例

调用指令

<input type="text" v-myinput>

    钩子函数:
        directives:{
        “指令名”:{
                inserted(当前节点){
                    //对节点操作
                }
            }
        }

例：例举一个带参数的自定义指令

directives:{
        myinput:{
            bind(el, binding) {
                el.focus();
            }
        }
    }