自定义指令总结

最新推荐文章于 2024-11-11 23:32:58 发布

C_x_330

最新推荐文章于 2024-11-11 23:32:58 发布

阅读量69

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/C_x_330/article/details/127798220

版权

Vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

自定义指令总结

一：定义语法：
    (1).局部指令
        new Vue({                                     new Vue({
            directives:{指令名：配置对象}   Or          directives:{指令名：回调函数}
                                                            })
        })
    (2).全局指令
        Vue.directive(指令名,配置对象)  Or          Vue.directive(指令名,回调函数)

二、配置对象种常用的三个回调:
    (1).bind:指令与元素成功绑定时调用
    (2).inserted:指令所在元素被插入页面时调用
    (3).update：指令所在模板结构被重新解析时调用

三、remarks
    1.指令定义时不加v-，但使用时要加v-;
    2.指令名如果是多个单词,要使用kebab-case命名方式,不要用camelCase命名