Vue——自定义指令 directive

1. 自定义全局指令

//get 为指令名
//el 是当前dom元素
Vue.directive("get",{
  //被绑定元素插入父节点时调用
  inserted(el){},
  //只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作
  bind(el){},
  //被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新
  update(el){},
  //被绑定元素所在模板完成一次更新周期时调用
  componentUpdated(el){},
  //只调用一次， 指令与元素解绑时调用
  unbind(el){}
})

2. 局部(组件)自定义指令

directives:{
      get:{
  		inserted(el){},
  		bind(el){},
  		update(el){},
  		componentUpdated(el){},
  		unbind(el){}
      }
    }

3. 指令使用

<div v-get></div>