Nuxt 3

Nuxt 3 设置 - Vue School 课程

4 分钟

在 Nuxt 中使用 FormKit 只需要很少的设置。首先在你的项目中包含 Nuxt 模块作为依赖:

npm install @formkit/nuxt

然后在你的 nuxt.config 文件中添加模块到你的模块列表:

// nuxt.config
export default defineNuxtConfig({
  modules: ['@formkit/nuxt'],
  formkit: {
    // 实验性支持自动加载(见注释):
    autoImport: true
  }
})

就这样!FormKit 现在已经使用默认配置在你的项目中注册,你可以开始使用 <FormKit> 组件了。

自动加载

在过去,FormKit 使用一个全局插件来安装自己。这有一个负面的副作用,就是它会包含在 Nuxt 的入口包中。为了避免这种情况,FormKit 现在支持一个 autoImport 选项。启用后,FormKit 不再使用全局插件,而是只在使用它的页面或组件上自动注入“全局”配置选项。

将来这将成为默认设置。要在今天启用它,请在你的 nuxt.config.ts 中设置 autoImport: true