vue自定义指令简记

在Vue的自定义指令中,binding 是一个包含了指令相关信息的对象。它可以提供指令的值、参数、修饰符等信息,以及与指令绑定的元素和组件实例。

bind(el, binding, vnode)

binding 对象包含以下属性:

name:指令的名称,不包括前缀 v-。
value:指令的绑定值。例如,如果指令绑定在元素上使用了 v-my-directive="data",那么 value 就会是 data,它可以是任何有效的JavaScript表达式。
oldValue:上一个绑定值,仅在值发生变化时才有意义。
expression:指令的表达式字符串形式。例如,v-my-directive="data" 中的 expression 就是 "data"。
arg:指令的参数。例如,v-my-directive:arg="data" 中的 arg 就是 "arg"。
modifiers:包含了指令的修饰符的对象。例如,v-my-directive.mod1.mod2="data" 中的 modifiers 就是 { mod1: true, mod2: true }。
vnode:与指令关联的虚拟节点。
instance:指令所属的组件实例。
通过使用 binding 对象,我们可以在自定义指令的钩子函数中获取并操作这些属性,以满足特定的需求。

vnode.context指向this

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容