vue 子組件 往父組件傳值

子組件 <template> <div @click="open"></div> </template>

methods: { open() { this.$emit('showbox','the msg'); //觸發showbox方法，'the msg'爲向父組件傳遞的數據 } } 父組件 <child @showbox="toshow" :msg="msg"></child> //監聽子組件觸發的showbox事件,而後調用toshow方法

methods: { toshow(msg) { this.msg = msg; } }