__205 自定义指令

34 阅读1分钟

Vue.directive('指令名称', obj)

Vue.directive('指令名称', {
  // el dom节点, 对象 binding.value 获取指令值(一般放数据类型,不放变量)
  // 只调用1次,指令第1次绑定到元素时SN用,这里可以进行一次性的初始化设置
  bind(el, binding) {
  },
  // 被绑定元素插入父节点时调用
  inserted() {
  },
  // 所在组件的 VNode 更新时调用
  updated(){},
  // 只调用1次,指令与元素解绑时调用
  unbind() {
  }
})

简化 相当于执行了bind , updated

Vue.directive('指令名称', callback)