Vue 之 組件間的通訊概述

在vue中如何實現父子組件間的通訊

父組件向子組件傳值可以有兩種方式props或者是通過this.$attrs來接收。但是需要注意的是,如果使用了props,那麼在使用this.$attrs去獲取,是獲取不到的。接下來以具體事例,進行展示:

1. 父向子傳值

Props接收父組件傳送的數據,有兩種方式如下:

或者

接下來展示,通過this.$attrs或者父組件傳來的數據,如下:

2. 子向父傳值

3.  關於子傳父的另一種實現方式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章