一個例子弄懂vue父子組件之間傳值,用tabs爲例子講述

寫一個簡單的例子弄清楚vue父子組件之間如何動態傳值取值,父傳遞子,子改變父的。要實現的結果如圖,就像手機端的tab那樣。 首先父組件通過components引入子組件,如果要傳入子組件的值是動態的.可以將該值雙向綁定在調用的子組件上,子組件只需要做一件事,那就是通過props接收,如下: 但因爲不建議子組件直接修改 props的數據,所以把它作爲 data的初始值。 這時候只需要這樣操作就行了
相關文章
相關標籤/搜索