之前在用vue寫子父組件通信的時候，老是遇到問題！！！
子組件傳值給父組件：
子組件：通過emit方法給父組件傳值，這里的upparent是父組件要定義的方法
模板：
<div v-on:click="switchViewBtn">切換視圖</div>
在data中定義：switchStatus = true;
方法：
switchViewBtn(){ let that=this; this.$emit("parentView",that.switchStatus); },父組件：模板：
<div @parentView="changeView" :msg="msg"></div>
方法：
changeView(msg){ this.switchStatus = msg; }這樣就可以將子組件的值傳給父組件了。
父組件傳值給子組件：
父組件：模板：
<div :name="name">切換視圖</div>
在data中賦值：
export default { data() { return { data：‘zy' } } }子組件中接受代碼：
export default { data() { return { data：‘zy' } }， props:[ 'name' ] }以上所述是小編給大家介紹的vue子父組件通信的實現代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
新聞熱點
疑難解答
