自定义指令

// 全局自定义指令 `v-one`
Vue.directive('one', {
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

directives: {//定义局部
// 指令的定义
    red(el) {
      el.style.background = "red"
    },
　　color(el,co){

el.style.background = co.value

} }
使用<div v-red>123</div>

　　<div v-color = "'red'">123</div>