• 本文只有一個學習點。
• 父組件如何向子組件傳遞數據。
• 一起學習，更多文章請關注我的頭條號，我是落筆承冰。

一、先創建一張空白網頁index.html，在head標簽里設置好vue的鏈接庫。

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

三、我們寫子組件的模板，并在div內調用它，看看是否有效果。

• 你會發現網頁里，空空的，什么也沒有，那是因為是子組件沒有在父組件里注冊。
• 不是全局子組件，是要在父組件那里注冊的。

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

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

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

• 試試效果吧

• 這里就完成了父組件向子組件傳遞數據。

---

Document

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。