透過 100 多個技巧的集合學習 Nuxt!

vueuse
@vueuse/nuxt

適用於 Vue 2 和 3 的基本 Vue Composition 工具集合

@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