[JavaScript知识库]vue自定义指令

上代码

<h1 v-mycolor='"#808080"'>我是路飞</h1>
<input type="text" v-myfocus>

// 挂载到原型  main.js
// 自定义颜色
Vue.directive('mycolor', {
  inserted(el, binding, vnode) {
    el.style.color = binding.value
  }
})
// 也可以这样写
// Vue.directive('mycolor', functiond(el, binding, vnode) {
//    el.style.color = binding.value
// })
// 获取焦点
Vue.directive('myfocus', {
  inserted (el) {
    el.focus()
  }
})