vue學習之父子組件通訊兩種方法

初學vue，最經常使用及實用的就是父子組件之間的通訊了，在此記錄一點本身的學習過程

方法一：props及$emit

父組件中先引入子組件，而後components裏面註冊組件，而後template裏調用，調用的時候經過v-bind傳遞值給子組件，v-on監聽子組件$emit傳遞過來的值

子組件中先用props接收父組件的傳值，注意子組件中不可直接修改父組件的傳值，可經過watch監聽來賦值，經過$emit來傳遞值給父組件

 

方法二：ref

父組件傳值props方法不變，父組件可經過使用ref來調用子組件的方法獲取返回值

子組件中需在methods中返回值