今天學習了vue的組件傳值
vue的組件傳值方式：上圖
我個人理解這個圖的含義的是：
父組件給子組件傳值方式是：通過子組件的props屬性
子組件給父組件傳值方式是：事件$emit,子組件傳遞事件，父組件監聽（獲取子組件的內容），可重新給自己屬性賦值從而達到改變的效果。
@父組件給子組件傳值
步驟：
1.在一個app.vue（父級文件）文件中引入一個子組件header.vue
2.在父級文件中定義組件headerVue
3.引用子組件
代碼如下
子組件的內容
頁面展示
以上是展示了父組件如何在子組件中顯示的問題（內容是子組件的，展示的容器是在父組件里）
接下來是父組件如何給子組件傳值，也就是改變子組件的頁面內容
答案是：子組件props設置屬性，父組件動態綁定該屬性實現內容改變
首先在子組件里添加屬性
父級組件里面動態綁定屬性
展示結果
可以看到父級文件（父組件）設置的內容作用到子組件頁面內容上了，也就是說父組件實現給子組件通信了。
一氣呵成，終於寫好了，文采不好筆記都是個問題.......破涕而笑
繼續，下面是
@子組件給父組件通信
方式是：事件
兒子：觸發事件
父親：監聽並回應事件
1.子組件
2.父組件
3.展示效果（點擊按鈕后）
總結：可見，兒子給父親說，是在父親頁面接受並打印，父親跟兒子說，是在兒子頁面打印
兒子是獨立的，父親是含有兒子的（被調用的組件叫兒子，調用組件的是父親）
如果理解不對的歡迎留言，一起學習，一起進步。