vue中父子組件傳值,解決鈎子函數mounted只運行一次的問題


因為mounted函數只會在html和模板渲染之后會加載一次,但是在子組件中只有第一次的數據顯示是正常的,所以需要再增加一個updated函數,在更新之后就可以重新進行取值加載,完成數據的正常顯示。

beforCreate(創建之前)
Created(創建之后)
beforMount(載入之前)
Mounted(載入之后)
beforUpdate(更新之前)
Updated(更新之后)
beforDestroy(銷毀之前)
Destroyed(銷毀之后)
activate(keep-alive組件激活時調用)
deactivated(keep-alive組件停用時調用)
errorCaptured(這個組件的作用是接受子孫組件報錯是調用,三個參數 錯誤對象、錯誤的組件、錯誤信息)
1
2
3
4
5
6
7
8
9
10
11
父組件向
子組件傳值
通過父組件傳值調用子組件顯示不同的數據

父組件 :conponent.vue
子組件:iconponent.vue

父組件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 子組件 ———————————————— 版權聲明:本文為CSDN博主「醉醉美麗栗子」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。 原文鏈接:https://blog.csdn.net/qq_39990827/article/details/91982721


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM