Vue 自定义指令

参考vue官网

/ 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
     
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
     
    // 聚焦元素
    el.focus()  // 元素只有插入 dom 中才能获取焦点
  }
})

Vue.directive('指令名',{
     
//  指令绑定到元素上时候 会立即执行这个bind函数
	bind(){
     },  
// 插入dom中的会调用 inserted
	inserted(){
     },
// 当虚拟节点（Vnode） 执行的时候会触发 update
	update(){
     },
	componentUpdated(){
     },
	unbind(){
     }
})

// 参数一  指令名称 注意 自定义的时候  指令名称面前不加 v-  调用的时候需要加
// 在每个函数  第一参数  永远是el  dom原生的js对象