nuxt mounted 执行了两次函数

可能是因为你在 Nuxt 中使用了 `nuxtServerInit` 方法，这个方法会在服务器和客户端都执行一次，导致 `mounted` 生命周期也会执行两次。你可以在 `mounted` 生命周期中加入一个判断，只有在客户端执行的时候才执行你要执行的函数，代码如下：

mounted() {
  if (process.client) {
    // 执行你的函数
  }
}

相关问题

Nuxt2怎么在asyncData函数中使用$nuxt

在 `asyncData` 函数中，你可以通过 `this.$nuxt` 访问 `$nuxt` 对象。例如，你可以使用 `$nuxt.$axios` 访问在 Nuxt.js 中默认安装的 axios 实例。

以下是一个示例：

export default {
  asyncData(context) {
    const { $axios, $nuxt } = context;

    // 使用 $nuxt 访问 $route, $router 等
    console.log($nuxt.$route.fullPath);

    // 使用 $axios 发送请求
    return $axios.$get('https://api.example.com/data')
      .then(response => {
        return {
          data: response
        };
      })
      .catch(error => {
        console.log(error);
      });
  }
};

在上面的代码中，我们从 `context` 参数中获取了 `$axios` 和 `$nuxt` 对象。然后，我们可以使用 `$nuxt` 对象访问 `$route` 和 `$router` 等 Nuxt.js 的内置对象，也可以使用 `$axios` 对象发送 HTTP 请求。最后，`asyncData` 函数返回一个对象，该对象包含我们从 API 获取的数据。如果发生错误，我们将在控制台中打印错误信息。

nuxt 只让函数执行一次

如果你想确保某个函数只在页面加载时执行一次，可以使用 `created` 生命周期，因为它只会在页面初始化时执行一次。如果你在 `mounted` 生命周期中执行了某个函数，那么每次路由切换时该函数都会被执行一次。如果你只想让该函数在页面初始化时执行一次，可以将该函数移到 `created` 生命周期中，例如：

export default {
  created() {
    this.myFunction()
  },
  methods: {
    myFunction() {
      // 这个函数只会在页面初始化时执行一次
    }
  }
}

如果你需要在 `mounted` 生命周期中执行某个函数，但又想确保它只执行一次，你可以使用一个变量来保存是否已经执行过该函数的状态，例如：

export default {
  data() {
    return {
      hasExecuted: false
    }
  },
  mounted() {
    if (!this.hasExecuted) {
      this.myFunction()
      this.hasExecuted = true
    }
  },
  methods: {
    myFunction() {
      // 这个函数只会在页面初始化时执行一次
    }
  }
}

这样，`myFunction` 函数就只会在页面初始化时执行一次，而不会在每次路由切换时都执行。