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