闲的没事看了下之前的文章有个vue2的自定义指令那么就补充一个vue3的方便自己忘了的时候能看下吧。vue3是真的方便的script上写了setup之后下面就能省下很多东西。main文件中直接定义全局指令import{createApp}fromvue;importAppfrom./App.vue;constappcreateApp(App);app.directive(color,{mounted(el){el.style.colorred;},});app.mount(#app);vue文件中divv-color红色/div局部中使用script setupconstvColor{mounted:(el){el.style.colorred;},};/scriptdivv-color红色/div仔细观察还是有区别的全局中自定义指令名是不需要加v的而局部的指令用驼峰写法前面加上v那么如何像v-model一样传参呢简单script setupconstvColor{mounted:(el,binding){el.style.colorbinding.value;},};/scriptdivv-colorred红色/div通过自定义指令后面传去参数就可以啦注意传入的数据格式数据在接收到要使用.value吃饭去啦~~~~~~~
