Vuejs2 vue2：是否可以将多个道具传递给组件？

我在网上找不到任何文档或示例，但向组件传递多个道具的正确方法是什么

以下是我尝试过的：

HTML格式的

<component:prop1="data1" :prop2="data2"></component>

---

但显然不起作用…

您可以向这样的组件传递多个道具。 在父组件中：

从“./components/comp2”导入子组件
导出默认值{
名称：“应用程序”，
组成部分：{
子组件
},
数据（）{
返回{
普罗帕：65岁，
建议：“尼汀”
}
}
}

在子组件中：

{{propA}}
{{propB}}
导出默认值{
道具：{
普罗帕：号码，
propB:字符串
}
}

参考资料：

编辑：
有关更多信息和示例参考，请访问：

---

尽管这已经有点过时了，但我还是愿意贡献自己的力量。 如果您想“同时”传递一组属性，可以使用“v-bind”

假设您的组件有一堆道具：

props: ['age', 'year', 'date']

取而代之的是以下常规方法：

<MyAwesomeComponent :age="age" :year='year' :date='today' />

…v-bind=“groupedProps”

---

该行为在vue文档中有描述

我猜您想问这个问题

在

parent.js中

props: ['prop1','prop2'],

您希望使用父组件的属性将某些属性绑定到子组件

child.js
props: ['prop11', 'prop21']

我只想确认上述问题是否正确。如果是，你应该做下面的工作

parent.js
data() {
   return {
     prop11: this.prop1,
     prop12: this.prop2
   }
}

and bind it
<child :prop1:"prop11" :prop2:"prop21"/>

parent.js
数据（）{
返回{
prop1：这个。prop1，
建议12：这个
}
}
把它绑起来

你能分享更多的代码吗？因为根本原因可能是另一个问题，因为您在这里显示的代码应该可以工作。@kevlai22谢谢！这是我为教程制作的一个例子，希望它能有所帮助。好的，谢谢，如果这不是我想要做的，更多的是关于父母对孩子的问题。事实上，不@thenm，你应该用这个链接更新你的答案：，文档中还有许多其他使用多个道具的示例。上面的语法与vuejs.org上的示例有什么区别propName只是v-bind的缩写：propName。这是正确的答案，谢谢

props: ['prop1','prop2'],

child.js
props: ['prop11', 'prop21']

parent.js
data() {
   return {
     prop11: this.prop1,
     prop12: this.prop2
   }
}

and bind it
<child :prop1:"prop11" :prop2:"prop21"/>