vue如何避免mounted和activated同时执行

在Vue中，当一个组件被插入到DOM中时，会依次触发`beforeCreate`、`created`、`beforeMount`、`mounted`等生命周期钩子函数。当组件被激活时，会触发`activated`钩子函数。如果同时存在`mounted`和`activated`钩子函数，那么它们可能会同时执行。

为了避免这种情况，可以通过在`mounted`钩子函数中设置一个标志位，并在`activated`钩子函数中判断这个标志位，如果为`false`则执行相应的逻辑，否则不执行。示例代码如下：

export default {
  data() {
    return {
      isMounted: false
    }
  },
  mounted() {
    this.isMounted = true
    // 执行一些只需要在组件mounted时执行的逻辑
  },
  activated() {
    if (!this.isMounted) {
      // 执行一些只需要在组件activated时执行的逻辑
    }
  }
}

通过这种方式，即可避免`mounted`和`activated`同时执行的情况。