Vue 的自定义指令

 // 自定义指令
 directives: {
  // 指令名称：v-test
  test: {
   bind(el, binding, vnode) {
    // 初始化时触发，只触发一次，这里可以放dom的样式相关的内容
    console.log(binding)
   },
   inserted(el, binding, vnode) {
    // 在插入dom时触发，同样只触发一次, 这里可以放js相关的内容
    el.innerHTML = binding.value
   },
   update(el, binding, vnode, oldVnode) {
    // dom更新时触发，可多次触发
    el.innerHTML = binding.value
   },
  },
 },