Vue.js實現數據的雙向數據流


  眾所周知,Vue.js一直使用的是單向數據流的,和angularJs的雙向數據流相比,單向數據流更加容易控制。Vue.js允許父組件通過props屬性傳遞數據到子組件。但是有些情況下我們需要在子組件里改變父組件傳遞的數據,有2種方法可以實現:

  1. 傳遞Object對象子組件

    父組件傳遞Object對象到子組件,子組件可修改父組件傳遞的Object對象的屬性,在父組件內可接收到改變的屬性。

  2. 使用官方推薦的方法在屬性后加 .sync修飾符

    

     在頁面上只需要這樣寫就行了:

      

    其實是以一種事件冒泡的形式去更新數據的,只不過這種操作是由Vue自己去做的。

 


免責聲明!

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



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