VUE自定义指令

​前言

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。 v-xxx

html+css的复用的主要形式是组件

对普通 DOM 元素进行底层操作，这时候就会用到自定义指令

   问题：自定义指令(v-check、v-focus)的方法有哪些?

              它有哪些钩子函数?还有哪些钩子函数参数?

全局定义指令：在vue对象的directive方法里面有两个参数，一个是指令名称，另外一个是函数。组件内定义指令：directives

​ 钩子函数：bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新)

​ 钩子函数参数：el、binding

vue自定义指令的注册

目标: 获取标签, 扩展额外的功能 

全局注册

在main.js用 Vue.directive()方法来进行注册, 以后随便哪个.vue文件里都可以直接用v-fofo指令

// 全局指令 - 到处"直接"使用
Vue.directive("gfocus", {
  inserted(el) {
    el.focus() // 触发标签的事件方法
  }
})

局部注册

注意:   inserted方法 - 指令所在标签, 被插入到网页上触发(一次)