在这里插入图片描述

1. 局部指令,只能在组件内调用

通过directives设置指令
updateText为指令名,element为标签对象,binding为包含指令相关信息数据的对象
updateText(element, binding) {
      element.textContent = binding.value.toUpperCase();//变成大写
},
**通过‘v-’调用**
<h3 v-updateText = "msg">{{msg}}</h3>

2. 全局指令

可以全局调用,指令需要写在main.js里面
Vue.directive("lowerText", function(element, binding) {
  element.textContent = binding.value.toLowerCase();
});
通过‘v-’调用
<h3 v-lowerText="second">{{second}}</h3>
Logo

前往低代码交流专区

更多推荐