注册一个全局自定义指令

最新推荐文章于 2024-08-15 09:45:54 发布

踟蹰

最新推荐文章于 2024-08-15 09:45:54 发布

阅读量1k

点赞数 1

分类专栏： js复习文章标签： vue.js

本文链接：https://blog.csdn.net/m0_58729897/article/details/120633503

版权

本文介绍如何在Vue.js的main.js中注册全局自定义指令，并详细解析了指令的生命周期钩子，包括bind、inserted、update、componentUpdated和unbind，以及它们在不同阶段对DOM的操作。同时，解释了binding和vnode对象在自定义指令中的作用。

摘要由CSDN通过智能技术生成

注册一个全局自定义指令 `v-my-text`

全局自定义，写在main.js中

Vue.directive("myText",{
     //  name：指令名，不包括 v- 前缀。
    bind(el, binding, vnode, oldVnode){
   //只调用一次，指令第一次绑定到元素时调用。(只要使用当前
    指令就一定会触发bind方法
        console.