javascript - 在 VueJS 中，你在哪里监听发出的事件？

Question

设置如下:

export default Vue.extend({
 name: 'Home',
 computed: {
   ...mapState('user', ['card']),
 },
 created() {
  this.fetchData();
 },
 mounted() {
  this.$once('dataLoaded', () => {
    if (!this.card) {
      this.showWarning();
    }
  });
},
watch: {
  '$route': 'fetchData'
},
methods: {
  async fetchData() {
    await Promise.all([...]);
    this.$emit('dataLoaded');
  },
  showWarning() {
    // Vue global Plugin for creating a banner
    Notify.create();
  }
 }
});

我在mounted生命周期中附加了监听器，但我想知道是否应该在created()中执行它。它似乎在这两种情况下都工作得很好，因此我的问题是是否有一些最佳实践或者我在这里错过了一些重要的东西。

谢谢!

Answer 1

你把事情搞得太复杂了。 不需要emit，因为您只向我们展示一个组件
就像这样做:

methods: {
  async fetchData() {
    await Promise.all([...]);
    this.myMethod()
  },
  myMethod() {
    if (!this.card) {
      this.showWarning();
    }
  }