vuxt3全局引入 element plus前端ui

1.安装Element-plus

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

 二选一即可

2.引入

在根目录下创建plugins/element-plus.js 

import { defineNuxtPlugin } from '#app'
import ElementPlus from 'element-plus/dist/index.full'
export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.vueApp.use(ElementPlus)
})

3.引入样式

app.vue引入样式

<style>
@import 'element-plus/dist/index.css';
</style>

 4.然后就可以用了

  这是全局引用，不再需要按需导入了