Vue.component('x-child', { template: '<div @click="up">{{msg}}</div>', props: ['msg'], methods:{ up() { this.$emit('resultChange', 'hehe') } } }) new Vue({ el: '#app', template: '<div><x-child @resultChange="mychangHandle" :msg="msg"/></div>', data() { return { msg: '消123息' } }, methods: { mychangHandle(msg) { console.log(msg) this.msg = msg } } })
<div id="app"></div>