vue注册全局指令

Vue.directive('focus',{
  // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
  bind(el, binding) {
    console.log('bind：',el,binding) // el触发的元素
    console.log(binding.modifiers) // 修饰符
    console.log(binding.value) // 属性值
    console.log(binding.arg) // 属性名
    if(binding.arg === 'color') {
      el.style.color = binding.value
    }
  },
  // 被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中
  inserted(el, binding) {
    el.focus()
    console.log('inserted',el,binding)
  },
  componentUpdated() {
    console.log('指令所在组件的 VNode 及其子 VNode 全部更新后调用')
  },
  unbind() {
    console.log('只调用一次，指令与元素解绑时调用')
  }
})