526互联

vue（十）Element-plus

发布时间 2023-07-10 19:33:34作者: huiyii

Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库

安装和使用

  • 安装 npm install element-plus --save

  • 使用：按需导入，只打包使用到的组件

    • 安装插件 unplugin-vue-components 和 unplugin-auto-import

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

    • 修改main.js配置文件后，就可以直接使用Element-plus的组件

  • const { defineConfig }=require('@vue/cli-service')
const AutoImport = require('unplugin-auto-import/webpack')
const Components=require('unplugin-vue-components/webpack')
const { ElementPlusResolver }=require('unplugin-vue-components/resolvers')

module.exports= defineConfig({
    transpileDependencies:true,
    configureWebpack:{
        plugins:[
            AutoImport({
                resolvers:[ElementPlusResolver()]
            }),
            Components({
                resolvers:[ElementPlusResolver()]
            })
        ]
    }
})