开发者社区云计算文章正文

Vue3.0商店后台管理系统项目实战-导航的icon图标

2023-11-20 33

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Vue3.0商店后台管理系统项目实战-导航的icon图标

参考资料

Vue3.0官方文档：https://cn.vuejs.org/

Element Plus文档：https://element-plus.gitee.io/zh-CN/

Element Plus 提供了一套常用的图标集合。

1：安装

# NPM
$ npm install @element-plus/icons-vue

图片.png

2:在main.js引入

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'
import store from './store'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app=createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
app.use(store).use(router).use(ElementPlus).mount('#app')