vueuse
@vueuse/nuxt

为 Vue 2 和 3 精心收集的 Vue 组合式工具集

@vueuse/nuxt

NPM version

这是 VueUse 的附加组件,它提供了更好的 Nuxt 集成和自动导入功能。

安装

使用 @nuxt/cli 将 vueuse 模块安装到你的应用程序中

npx nuxt@latest module add vueuse

或者使用 npm

npm i @vueuse/nuxt @vueuse/core
// nuxt.config
export default defineNuxtConfig({
  modules: [
    '@vueuse/nuxt',
  ],
})

注意事项

为了避免与 Nuxt 内置工具冲突,以下工具在 Nuxt 中被禁用了自动导入

  • toRef
  • toRefs
  • toValue
  • useFetch
  • useCookie
  • useHead
  • useTitle
  • useStorage
  • useImage

你始终可以通过从 @vueuse/core 显式导入来使用它们

许可证

MIT 许可证 © 2021-至今 Anthony Fu