Vue 自定义指令


自定义指令

何时调用?
指令所在的模板被解析时(如初次渲染,以及后续模板更新)

函数式
在vm实例的directives属性中,可以拿到element和bindings两个形参

对象式

  • bind 指令与元素建立联系
  • inserted 指令插入到页面
  • update 指令所在模板更新时调用

指令函数中的this全部指向window

全局指令

Vue.directive(name,{
    bind(){},
    inserted(){},
    update(){}
})

命名
不推荐驼峰,多个单词建议用-连接

demo

实现v-big与v-fbind

    
初始:{{value}} 现在:
vue