Vue: 自定义指令绑定在组件与元素上有所不同

版

2.6.10

复制链接

https://jsfiddle.net/bponomarenko/uom10qd2/

重现步骤

1. 打开浏览器控制台。
2. 单击切换按钮两次。

期望什么？

当应用于DOM元素和组件时（在初始化时以及单击按钮后），该指令将发出相同的控制台消息。

我不确定应该输出什么。 要么

bind: first comp
bind: first elem
unbind: first comp
unbind: first elem
bind: first comp
bind: first elem

要么

bind: first comp
bind: first elem
unbind: second comp
unbind: second elem
bind: first comp
bind: first elem

实际发生了什么？

指令中的消息在init上是相同的，但是在单击按钮后有所不同。

实际控制台输出：

bind: first comp
bind: first elem
unbind: first comp
unbind: second elem
bind: second comp
bind: first elem

似乎将指令应用于DOM元素和组件的顺序是不同的。 在我的设置中，我有一个定制指令，该指令依赖于带有配置数据的某些DOM属性。 当此自定义指令在“常规流”中绑定/解除绑定时，一切都会按预期进行（元素属性更新后，指令绑定）。 但是，如果在Vue“就地补丁策略”的情况下绑定/解除绑定指令，则行为似乎有所不同。