nuxt3全量引入Element-plus UI

  1. nuxt3项目本地安装完之后，在根目录下安装Element-plus
# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

上面的方式任选其一

  1. 引入
    在根目录下创建plugins/element-plus.js
import { defineNuxtPlugin } from '#app'
import ElementPlus from 'element-plus/dist/index.full'
export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.vueApp.use(ElementPlus)
})
  1. 引入样式
    我在 app.vue下引入的样式
<style>
@import 'element-plus/dist/index.css';
</style>
  1. 然后就可以使用了。不是按需的，不是按需的
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容