Element-Plus的使用

安装

pnpm i element-plus --save

挂载

// main.ts[main.js]
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

icon库

pnpm install @element-plus/icons-vue

此时可按需引用

<script setup>
  import { Key } from '@element-plus/icons-vue'
</script>

全局注册

import * as icons from '@element-plus/icons-vue'

const app = createApp(App)

Object.keys(icons).forEach(key => {
    app.component(key, icons[key])
})

可在组件内如下使用

<template>
	<el-icon>
  	<key />
  </el-icon>
</template>