Vue 自定义指令
自定义指令
何时调用?
指令所在的模板被解析时(如初次渲染,以及后续模板更新)
函数式
在vm实例的directives属性中,可以拿到element和bindings两个形参
对象式
- bind 指令与元素建立联系
- inserted 指令插入到页面
- update 指令所在模板更新时调用
指令函数中的this全部指向window
全局指令
Vue.directive(name,{
bind(){},
inserted(){},
update(){}
})
命名
不推荐驼峰,多个单词建议用-连接
demo
实现v-big与v-fbind
初始:{{value}}
现在: