nuxt 工具类函数或者常量

Nuxt.js 提供了一些实用的工具类函数和常量，可以在应用程序的任何地方使用。

以下是一些常用的工具类函数和常量：

- `process.client`：表示当前是否在客户端环境下运行。
- `process.server`：表示当前是否在服务器端环境下运行。
- `process.static`：表示当前是否在静态生成模式下运行。
- `$axios`：Nuxt.js 内置的 Axios 实例，用于发起 HTTP 请求。
- `$config`：应用程序的配置对象，包括在 `nuxt.config.js` 中定义的所有选项和常量。
- `$fetch`：Nuxt.js 内置的 fetch 方法，用于发起 HTTP 请求。
- `$route`：当前路由对象，包括当前路径、参数和查询字符串等信息。
- `$router`：Vue Router 实例，用于导航到其他页面。
- `$store`：Vuex Store 实例，用于管理应用程序状态。

除了上述工具类函数和常量，Nuxt.js 还提供了许多其他实用工具，例如：

- `nuxt-link` 组件：用于在应用程序中导航到其他页面。
- `nuxt-child` 组件：用于在父级路由组件中渲染子级路由组件。
- `nuxt-loading` 组件：用于在页面加载时显示加载指示器。
- `nuxt-error` 组件：用于自定义错误页面。
- `nuxt-progress` 组件：用于在页面加载时显示进度条。

以上是 Nuxt.js 提供的一些常用工具类函数和常量，它们可以帮助你更轻松地开发应用程序。

相关问题

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` 函数就只会在页面初始化时执行一次，而不会在每次路由切换时都执行。

nuxt asyncData 使用公共函数

可以在 Nuxt.js 的 `asyncData` 方法中使用公共函数，只需要在 `plugins` 目录下新建一个 JavaScript 文件，将公共函数定义在其中，然后在 `nuxt.config.js` 文件中引入该文件即可。

例如，我们在 `plugins/utils.js` 文件中定义了一个 `fetchData` 函数：

export function fetchData() {
  // 这里是获取数据的逻辑
}

然后在 `nuxt.config.js` 文件中引入该文件：

export default {
  plugins: [
    '~/plugins/utils.js'
  ]
}

最后在需要使用该函数的页面组件中，可以通过 `this.$fetchData` 调用该函数：

export default {
  async asyncData({ $fetchData }) {
    const data = await $fetchData()
    return { data }
  }
}

这样就可以在 `asyncData` 方法中使用公共函数了。