VUE中全局指令和局部指令

VUE中全局指令和局部指令

案例：全局指令变大写，局部指令变小写

定义全局指令， 在main.js中

Vue.directive('upper-word',(el,binding)=>{
  el.textContent = binding.value.toUpperCase();
})

定义局部指令，在组件中添加钩子

        // 自定义局部指令
        ,directives:{
            'lower-word'(el,binding){
                console.log(el,binding)
                el.textContent = binding.value.toLowerCase();
            }
        }