VUE3按需导入

基础环境

    vue 3

    element-plus 2

    vue-router 4

参考文档

element-plus官网

配置

引入组件

npm install-D unplugin-vue-components unplugin-auto-import

npm install-D unplugin-element-plus

添加组件配置

vue.config.js

configureWebpack: {

    plugins: [

      AutoImport({

        resolvers: [ElementPlusResolver({ importStyle: false })],

      }),

      Components({

        resolvers: [ElementPlusResolver()],

      }),

    ],

  }

注释全局引入，但是要引入样式

main.js

import { createApp } from 'vue'

// import ElementPlus from 'element-plus'

import 'element-plus/dist/index.css'

import App from './App.vue'

import router from './router'

const app = createApp(App)

// app.use(ElementPlus, { zIndex: 2000 })

app.use(router)

app.mount('#app')