vue自定义指令

全局：main.js

Vue.directive('demo',{
    inserted: funcion (a,b,c){
        console.log(a,b,c)
    }
})

局部：某一个组件内

<script>
export default {
    directives:{
        demo:{
            bind:function(el){
                console.log(1)
            }   
        }
    }
}
</script>

使用方法：

<div v-demo='123'> xxxx </div>

自定义指令-钩子函数

bind:只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置

inserted:被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档中）

update：所在组件的VNode更新时调用，但是可能发送在其子VNode更新之前，指令的值可能发送了改变。

componentUpdated：指令所在组件的VNode及其子VNode全部更新后调用

unbind：只调用一次，指令与元素解绑时调用