14. VUE 子組件修改父組件的值


在 Vue 當中,父組件 -> 子組件 傳值,都是通過屬性的形式傳遞的。

子組件 修改 傳遞數據

直接操作父組件傳遞過來的值,用是可以用的,但是打開控制台后,會發現 Vue 有個警告:你不要直接修改父組件傳遞過來數據。

單向數據流的概念

在 Vue 當中有個單向數據流的概念,也就是父組件可以向子組件通過屬性的形式傳遞參數,你傳遞的參數可以隨便修改,也就是說父組件可以隨意的向子組件隨意的傳遞參數,但是子組件絕對不能反過來去修改父組件傳遞過來的參數。

之所有 Vue 之中有單項數據流的概念,原因在於,一旦你的子組件接受的數據不是基礎類型時,例如對象,也就是引用類型的數據時,你在子組件里面改變了傳遞過來的數據,有可能這個數據還被其他子組件使用,這樣你這個子組件改了這個數據,不僅僅影響你你這個組件,還可能對其他的子組件造成影響。

在vue2.0+ 后不再是雙向綁定,如果要進行雙向綁定需要特殊處理。

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data 
or computed property based on the prop's value. Prop being mutated: "你修改的屬性名"

 

 

參考:https://www.jb51.net/article/142021.htm

 


免責聲明!

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



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