vue之父子組件

1.父子組件的基本認識

在這裏插入圖片描述
父子組件就是創建好兩個組件,然後一個組件在components裏面調用我們另外一個組件,那麼被調用的就成了子組件,另外一個就成了父組件,還有的話就是根組件,他是設置在我們的vue裏面的。

2.父組件向子組件傳遞數據

在這裏插入圖片描述
父組件向子組件傳遞數據的話是要使用我們的props,然後還有有類型限制,還可以提供一些默認值和必傳值。還有就是類型是對象或者是數組是,默認值必須是一個函數。

3.子穿父

在這裏插入圖片描述
在這裏插入圖片描述
子組件向父組件傳遞數據一定要用到$emit,這相當於自定義一個事件,一個發射事件,最後將這個事件綁定到我們的父組件,就可以將子組件內的數據傳遞到父組件,具體操作如上圖。

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