props传入一个对象的所有属性的用法

Question

看文档看到这里有点不懂：https://cn.vuejs.org/v2/guide...

如果你想要将一个对象的所有属性都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如，对于一个给定的对象 post：

post: {
id: 1,
title: 'My Journey with Vue'
}
下面的模板：

<blog-post v-bind="post"></blog-post>
等价于：

<blog-post
v-bind:id="post.id"
v-bind:title="post.title"

</blog-post>

那么问题来了，像这种父组件通过v-bind="post"传递过来的数据，子组件props里面通过什么来接收这个post对象？

Answer 1

接收的话，就直接{&nbsp;&nbsp;&nbsp;&nbsp;props:&nbsp;['id',&nbsp;'title'], }就可以了，相当于传值的时候少写一点点代码。