Vue3结合Element Plus插件如何实现自动导入功能

安装Element Plus脚手架

# NPM
$ npm install element-plus --save
 
# Yarn
$ yarn add element-plus
 
# pnpm
$ pnpm install element-plus

安装unplugin-auto-import等插件

$ pnpm i unplugin-auto-import unplugin-vue-components unplugin-icons -D

引用ElMessage方法

import { ElMessage } from 'element-plus'
import 'element-plus/es/components/message/style/css'

调用方法：

<!-- 直接使用 -->
<i-ep-menu />
 
<!-- 嵌套使用 -->
<el-icon><i-ep-menu /></el-icon>