眾所周知,Vue.js一直使用的是單向數據流的,和angularJs的雙向數據流相比,單向數據流更加容易控制。Vue.js允許父組件通過props屬性傳遞數據到子組件。但是有些情況下我們需要在子組件里改變父組件傳遞的數據,有2種方法可以實現:
1. 傳遞Object對象子組件
父組件傳遞Object對象到子組件,子組件可修改父組件傳遞的Object對象的屬性,在父組件內可接收到改變的屬性。
2. 使用官方推薦的方法在屬性后加 .sync修飾符
在頁面上只需要這樣寫就行了:
其實是以一種事件冒泡的形式去更新數據的,只不過這種操作是由Vue自己去做的。