如何将相同的道具两次传递给vue组件

Question

使用 vue 可以做到这一点：

const someComputedClass = 'otherClass'
<Foo class="someClass" :class="someComputedClass" />

你可以传递 class 和 :class ，它会合并两者。我知道类属性在这里有某种特殊处理。但是，我也希望我自己的组件的道具也有这种行为。

const someComputedProp = 'otherValue'
<Foo prpp="someValue" :prop="someComputedProp " />

有没有办法实现这一点（可能使用自定义合并策略）或者这完全不可能？

Answer 1

合并策略用于在创建组件时从 Options API 和 mixins 控制 merging of overlapping options。

style 和 class 道具的特殊处理是运行时的事情，它之所以有效，只是因为 Vue 开发人员认为这样做是一件有用的事情并以这种方式实施。

除非 Vue 开发人员决定实现它，否则您想要的东西是不可能的......我对此表示怀疑 - 因为为 class 和 style 实现它很简单，因为 HTML 标准很好地定义了“输出”。对任何prop 实现相同的操作要困难得多，因为您事先不知道道具的数据类型（与class 和style 不同）——即如果数据类型为道具是Number 或String？

TL:DR

这是不可能的。继续……