Javascript Vue:如何通过循环传递多个道具

Javascript Vue:如何通过循环传递多个道具,javascript,web,vue.js,vuejs2,Javascript,Web,Vue.js,Vuejs2,我有一个具有多个属性的对象 我想在我的组件中传递多个道具。通常我知道我想通过哪些道具,并这样做: <component :prop1="object.prop1" :prop2="object.prop2" :prop3="object.prop3" /> 但是我想在不知道JSON对象中有多少道具的情况下传递道具。就像一个循环: <component :loopThroughMyProps="object" /> 所以我得到了同样的结果。有没有可能做到这一点?

我有一个具有多个属性的对象

我想在我的组件中传递多个道具。通常我知道我想通过哪些道具,并这样做:

<component :prop1="object.prop1" :prop2="object.prop2" :prop3="object.prop3" />

但是我想在不知道JSON对象中有多少道具的情况下传递道具。就像一个循环:

<component :loopThroughMyProps="object" />


所以我得到了同样的结果。有没有可能做到这一点?

我想你所需要的就是

<component v-bind="object"/>


然后在组件中,您将拥有按对象键命名的道具。

我想您所需要的就是

<component v-bind="object"/>


然后在组件中,您将按照对象键命名道具。

您能详细说明一下吗
然后在组件中,您将拥有根据对象键命名的道具。
@PA-GW好吧,如果您有这样的对象:
{a:b}
并将其传递给
v-bind
您将能够通过调用
this.a
在组件内部访问它。现在不需要更多的代码了。你能详细说明一下吗
然后在组件中,您将拥有根据对象键命名的道具。
@PA-GW好吧,如果您有这样的对象:
{a:b}
并将其传递给
v-bind
您将能够通过调用
this.a
在组件内部访问它。现在不需要更多的代码了。