javascript - 如何在 Vue 3 中替换 this.$parent.$emit？

Question

我已将我的应用程序迁移到 Vue 3。

现在我的 linter 显示一个弃用错误，记录在这里:https://eslint.vuejs.org/rules/no-deprecated-events-api.html .

该文档显示了如何替换 this.$emit与 mitt库，但它没有显示如何替换 this.$parent.$emit .

Answer 1

在您的子组件中:

setup(props, { emit }) {
   ...
   emit('yourEvent', yourDataIfYouHaveAny);
}

您的父组件:

<your-child @yourEvent="onYourEvent" />

...

onYourEvent(yourDataIfYouHaveAny) {
  ...
}