圖文介紹Vue父組件向子組件傳值
來源:懂視網
責編:小采
時間:2020-11-27 22:19:27
圖文介紹Vue父組件向子組件傳值
圖文介紹Vue父組件向子組件傳值:1:在src/components/child/文件夾下,創建一個名為:child.vue的子組件 2:在父組件中,設置好需要傳遞的數據 3:在App.vue中引入并注冊子組件 4:通過v-bind屬性綁定并賦值給子組件 5:子組件通過 props 接收父組件傳遞過的數據 6:查看 7
導讀圖文介紹Vue父組件向子組件傳值:1:在src/components/child/文件夾下,創建一個名為:child.vue的子組件 2:在父組件中,設置好需要傳遞的數據 3:在App.vue中引入并注冊子組件 4:通過v-bind屬性綁定并賦值給子組件 5:子組件通過 props 接收父組件傳遞過的數據 6:查看 7
1:在src/components/child/文件夾下,創建一個名為:child.vue的子組件

2:在父組件中,設置好需要傳遞的數據

3:在App.vue中引入并注冊子組件

4:通過v-bind屬性綁定并賦值給子組件

5:子組件通過 props 接收父組件傳遞過的數據

6:查看

7:總結:
子組件在props中創建一個屬性,用以接收父組件傳過來的值父組件中注冊子組件在子組件標簽中添加子組件props中創建的屬性把需要傳給子組件的值賦給該屬性
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
圖文介紹Vue父組件向子組件傳值
圖文介紹Vue父組件向子組件傳值:1:在src/components/child/文件夾下,創建一個名為:child.vue的子組件 2:在父組件中,設置好需要傳遞的數據 3:在App.vue中引入并注冊子組件 4:通過v-bind屬性綁定并賦值給子組件 5:子組件通過 props 接收父組件傳遞過的數據 6:查看 7