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>