1. 为何需要自定义指令
Vue 总共十三个内置指令,但是这些指令还不够用,所以就需要自定义指令
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLxYjMxEjNxQTMxIjMwEjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
2. 自定义指令的语法规则(获取元素焦点)
Vue.directive('focus',{
insterted:function(el){
//获取元素焦点
el.focus();
}
}
3. 自定义指令用法
4.带参数的自定义指令(改变元素背景色)
Vue.directive('color',{
inserted:function(el,binding){
el.style.backgroundColor = binding.value.color;
}
}