Prop传入一个对象的所有属性

如果你想要将一个对象的所有属性都作为 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>

注意：prop静态赋的值均作为字符串处理，故传入数字、布尔值、数组、对象等数据类型时需要通过v-bind

<!-- 字符串 111 -->
<blog-post title="111"></blog-post>
<!-- 数字 111 -->
<blog-post v-bind:title="111"></blog-post>

摘录于：Vue官网