鍍金池/ 問(wèn)答/HTML/ props傳入一個(gè)對(duì)象的所有屬性的用法

props傳入一個(gè)對(duì)象的所有屬性的用法

看文檔看到這里有點(diǎn)不懂:https://cn.vuejs.org/v2/guide...

如果你想要將一個(gè)對(duì)象的所有屬性都作為 prop 傳入,你可以使用不帶參數(shù)的 v-bind (取代 v-bind:prop-name)。例如,對(duì)于一個(gè)給定的對(duì)象 post:

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

<blog-post v-bind="post"></blog-post>
等價(jià)于:

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

</blog-post>

那么問(wèn)題來(lái)了,像這種父組件通過(guò)v-bind="post"傳遞過(guò)來(lái)的數(shù)據(jù),子組件props里面通過(guò)什么來(lái)接收這個(gè)post對(duì)象?

回答
編輯回答
笑忘初

接收的話,就直接

{
    props: ['id', 'title'],
}

就可以了,相當(dāng)于傳值的時(shí)候少寫一點(diǎn)點(diǎn)代碼。

2018年3月13日 08:41