Nuxt3全局引入Element-plus UI

# 实验室 /  162 访问 /  5 点赞 /  0 评论 /  1个月前

Element是(饿了么团队)根据MVVM结构Vue开源出来的一套前端ui组件

  • Nuxt3项目安装完之后,在根目录下安装Element-plus
# NPM
$ npm install element-plus --save
# Yarn
$ yarn add element-plus
  • 引入,在根目录下创建plugins/element-plus.ts
import { defineNuxtPlugin } from '#app'
import ElementPlus from 'element-plus/dist/index.full'
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.use(ElementPlus)
})
  • 引入样式
<style>
@import 'element-plus/dist/index.css';
</style>

© 未经允许禁止转载

5