怎樣理解 Vue 的單向數據流?


數據從父級組件傳遞給子組件,只能單向綁定。

子組件內部不能直接修改從父級傳遞過來的數據。

 

所有的 prop 都使得其父子 prop 之間形成了一個單向下行綁定:父級 prop 的更新會向下流動到子組件中,但是反過來則不行。


這樣會防止從子組件意外改變父級組件的狀態,從而導致你的應用的數據流向難以理解。


額外的,每次父級組件發生更新時,子組件中所有的 prop 都將會刷新為最新的值。


這意味着你不應該在一個子組件內部改變 prop。如果你這樣做了,Vue 會在瀏覽器的控制台中發出警告。


子組件想修改時,只能通過 $emit 派發一個自定義事件,父組件接收到后,由父組件修改。


免責聲明!

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



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