注册全局指令
Vue.directive('my-directive',function(el,bounding){
//编写元素调用该指令的效果
})
el:为调用当前指令的元素;
bounding:是一个对象;该对象包含了当前调用指令元素对象的一些信息;
![vue自定义指令中bounding对象](https://img-blog.csdnimg.cn/20200319174044149.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI2OTgwMA==,size_16,color_FFFFFF,t_70)
注意:全局指令注册在vm示例外面注册;
注册局部指令
directives: {
'lower-text'(el, binding) {
el.textContent = binding.value.toLowerCase()
}
}
局部指令在vm示例的directives属性中进行设置;
该指令只在当前vm示例中有效;