Vue中子組件和父組件傳值的兩種方法

父組件向子組件傳值

1.Vuex狀態管理

2.Props屬性借助父組件傳遞

子組件需要做的：

　　1：props屬性中，聲明需要傳入的參數名（targetData），類型為結構體，r

　　

 

 

 

 

父組件需要做的：

　　1：定義出傳遞的數據類型，名稱

　　

 

 

 　　定義了targetDataIndex的結構體，里邊有id屬性，默認為0

　　2：在組件引用時使用v-bind:綁定

　　

 

 

 　　將targetDataIndex 綁定到 子組件的 targetData中

 

　　這個時候在子組件就能獲取到父界面的傳過來的值

　　

 

 子組件向父組件傳值

1、使用子組件的$parent方法  這個測試不成功

2、$emit

子組件：

將value放到emitFun中傳遞，執行圈住的地方表示使用emit傳遞消息

 父組件：

 

 

 

 

 

 

參考鏈接

https://blog.csdn.net/qq_42492055/article/details/82558971