zoukankan      html  css  js  c++  java
  • 自定义指令总结

    Vue自定义指令总结:

      1、定于语法

        (1)局部指令

          

    new Vue({
       //directives: {指令名:配置对象} 
        指令: {
            bind() {},
            inserted() {},
            updata() {}    
        }
    })
    //或简写 简写该回调融合了两个钩子回调
    //bind与update 即指令与元素绑定成功时调用、指令所在模板结构被重新解析时调用
    new Vue({
       directives: {
            指令(element, binding) {
        
            }
       } 
    })    

        (2)全局指令

            Vue.directive(指令名, 配置对象) 或 Vue.directive(指令名,回调函数)

      2、配置对象中常用的3个钩子回调

          参数都一样(element,binding)参数1:跟随绑定指令的真实DOM。参数2:是一个对象,包含指令相关的一些属性

        (1)bind:指令与元素成功绑定时调用。

        (2)inserted:指令所在元素被插入页面时调用。

        (3)update:指令所在模板结构被重新解析时调用

      3、注意:

        (1)指令定义时不加v-,但使用时要加v-

        (2)指令名如果是多个单词,要使用kebab-case命名方式,不要用camelCase命名

  • 相关阅读:
    Java方法
    Java程序控制
    Java基础语法
    编程语言的两大类型
    IntelliJ IDEA优化配置
    Hello World
    Java安装及卸载
    Java来龙去脉
    计算机底层基础
    Day14
  • 原文地址:https://www.cnblogs.com/bingquan1/p/15780188.html
Copyright © 2011-2022 走看看