nuxt3全量引入Element-plus UI

2021-12-30  本文已影响0人  风筝啊
  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. 然后就可以使用了。不是按需的,不是按需的
上一篇 下一篇

猜你喜欢

热点阅读