• 本文只有一個學(xué)習(xí)點(diǎn)。
• 父組件如何向子組件傳遞數(shù)據(jù)。
• 一起學(xué)習(xí)，更多文章請關(guān)注我的頭條號，我是落筆承冰。

一、先創(chuàng)建一張空白網(wǎng)頁index.html，在head標(biāo)簽里設(shè)置好vue的鏈接庫。

二、寫一個綁定元素div，一個子組件，一個父組件，父組件與元素div綁定。

三、我們寫子組件的模板，并在div內(nèi)調(diào)用它，看看是否有效果。

• 你會發(fā)現(xiàn)網(wǎng)頁里，空空的，什么也沒有，那是因為是子組件沒有在父組件里注冊。
• 不是全局子組件，是要在父組件那里注冊的。

四、那我們注冊子組件吧。

• 再刷新瀏覽器，終于出來了。

五、我們先試一下，父組件怎么把數(shù)據(jù)傳給子組件。:tocmp就是父組件的要傳給子組件的數(shù)據(jù)，子組件用props來接收。

• 試試效果吧

• 這里就完成了父組件向子組件傳遞數(shù)據(jù)。

---

Document

總結(jié)

以上是生活随笔為你收集整理的vue子组件获取父组件数据_在vue.js中父组件是如何向子组件传递数据的？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。