vue3.x @Emit执行顺序问题
在vue2.x中
写v-on v-emit
// 父组件
<div @hello="sayHello"></div>
export default {
method: {
sayHello() {
console.log('hello')
}
}
}
// 子组件
export default {
methods: {
sayWorld() {
console.log('hi')
this.$emit('hello')
console.log('world')
}
}
}
触发事件，输出结果为hi hello world
在vue.3x中
// 子组件
@Component
export default class World extend Vue{
@ Emit()
sayWorld():void {
console.log('hi')
console.log('world')
}
}
触发事件，输出结果为hello hi world
想了解一下@Emit如何保证执行顺序？也就是在3.x中如何保证输出hi hello world