项目集成element-plus

集成element-plus

element-plus基于 Vue 3，面向设计师和开发者的组件库。

安装

安装element-plus

pnpm install element-plus

安装组件库

pnpm install element-plus @element-plus/icons-vue

应用

入口文件main.ts全局安装element-plus

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import elementplus from 'element-plus'
import 'element-plus/dist/index.css'
const app=createApp(App)
app.use(elementplus).mount('#app')

组件使用

<script setup lang="ts">
import {Plus} from '@element-plus/icons-vue'
</script>

<template>
<div>
<el-button type="primary" :icon="Plus">hello</el-button>
</div>

</template>