Nuxt3 引入插件的 (ant-design-vue ui) 的 最新方式

25 年 01 月 18日 星期 六 (已编辑)
作者：未知用户
日常生活
这篇文章最后修改于 2025年 01月 18日 19时10分 部分内容可能已不适用 如有疑问请联系作者.

Nuxt3 引入插件的 (ant-design-vue ui) 的 最新方式

注意
Nuxt3 中不需要再引入vue 或者 显示的引入 @nuxtjs/composition-api 了
Antdui 最新版 4.0.0-alpha.3 以上 不需要再引入 dist/antd.css 了

创建pages/antd-ui.ts（或js）

ts 复制代码 
import Antd from 'ant-design-vue'
// import 'ant-design-vue/dist/antd.css'; //新版 不需要引入css 由js生成
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Antd)
})

Nuxt.config.ts配置

ts 复制代码 
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  plugins:[
    "~/plugins/antd-ui.ts"
  ]
})

::

目录
暂无目录信息

文章标题：Nuxt3 引入插件的 (ant-design-vue ui) 的 最新方式

文章作者：未知用户

文章链接：[复制]

最后修改时间：2024年 03月 21日 19时30分

商业转载请联系站长获得授权，非商业转载请注明本文出处及文章链接，您可以自由地在任何媒体以任何形式复制和分发作品，也可以修改和创作，但是分发衍生作品时必须采用相同的许可协议。 本文采用CC BY-NC-SA 4.0进行许可。

Copyright © 2023--2025

豫ICP备2022014268号-1

我们历经沧桑，这样错过了一生最好的时光，错过了便是永远