1.在src/components文件夾中新建一個 test 組件，組件內容可自定義
2.組件創建成功之后，我們在其他頁面直接調用
3.頁面的效果
4.接下來我們可以定義一個復雜一點的組件，添加組件參數
# **父組件傳值給子組件**
## 子組件內容
## 父組件內容
程序運行圖
這里我們發現，子組件的msg已經被父組件傳過去的值給替換了
傳值成功啦。
# **子組件傳值給父組件**
vue官網里面是這么說的：“所有的 prop 都使得其父子 prop 之間形成了一個**單向下行綁定**：父級 prop 的更新會向下流動到子組件中，但是反過來則不行。這樣會防止從子組件意外改變父級組件的狀態，從而導致你的應用的數據流向難以理解。”也就是說vue禁止子組件向父組件傳值。
但是，如果我們真的想從子組件向父組件傳值，可以通過事件來觸發（這里用的是點擊事件）
## 子組件內容
## 父組件內容
點擊按鈕打印結果
這樣就可以獲取到子組件的參數內容了。
還有很多的用法，需要自己去慢慢了解啦。
**有不了解的或者有需要的可加 Q 3303806241**
