一个能拖动,能调整大小,能更新bind值的vue指令-vuedragx (5)

update 所在组件的VNode更新时调用,但也可能发生在其子VNode更新之前,所以提供的参数中包含 vnode oldVnode,具体是否需要响应操作,可以比较这两个node中对应的值是否变化

componentUpdated 指令所在组件的 VNode极其子VNode全部更新后调用,此钩子函数的补充,就可以解决update钩子,不及时更新问题。

unbind 只调用一次,指令与元素解绑是调用

每一个钩子都带有参数 el、binding、vnode、oldVnode

el 当前绑定的dom

binding 对象,包含以下属性

name 指令名称,不过个人理解此参数感觉没有使用的场景

value 指令bind的值,如果是可运行的表达式,将返回计算结果。如果绑定的是一个对象,将返回此对象,vuedragx,采用此属性传入个性化配置信息。

oldValue 指令绑定的前一个值,仅在 update 和 componentUpdated 钩子函数中可用

expression 字符串形式的指令表达式,就是在代码开发中v-dragx=”A”,这个A就是表达式

arg 传给指令的参数,如 v-dragx:foo,参数为foo,注意标识符 :

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpwpjd.html