通过 100 多个技巧学习 Nuxt!

vueuse
@vueuse/nuxt

Vue 2 和 3 的基本 Vue Composition Utilities 集合

@vueuse/nuxt

NPM version

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

安装

使用 nuxi 将 vueuse 模块安装到您的应用程序中

npx nuxi@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