子组件属性名称等于传递对象名称时的“v-bind”的简写

Question

如果子组件属性名称等于传递的对象名称，是否存在（在Vue中）v-bind的任何速记？我的意思是此代码的:prop="prop"部分的简写：

<component :prop="prop"></component>

我试过了：

<component :prop></component>

但它不起作用。

Answer 1

Vue没有简写。

但是，您可以将对象传递给v-bind并使用ES2015 property name shorthand：

<component v-bind="{ prop }"></component>