vue第二天（vue自定义指令）

自定义指令
v-自定义的名字。使用Vue.directive()方法创建全局自定义属性

---

自定义指令之获取聚焦
使用Vue.directive()方法创建全局自定义属性。比如现在需求创建一个v-myfocus指令。
Vue.directive()该函数有两个参数。一个是自定义名字（ 自定义指令的名字，不能带v-, 使用全小写），一个是对象。
代码片段，记得是全局，记得给需要聚焦的标签添加v-myfocus

  Vue.directive('myfocus', {
    // 这个对象配置项中，有很多方法，重点关注inserted方法，它表示当指令插入到标签中时，自动执行
    inserted(el,binding) {  //这两个参数是固定的。binding参数是一个对象，里面保存的是自定义指令的信息。其中里面有一个value属性，它保存的是自定义指令后面跟的变量的值
      el.focus()
    }
  })

---

自定义指令之颜色
代码片段
HTML

 

      
{{name}}
      
    

script