安装 | Element Plus
安装组件
npm install element-plus --save
在main.ts中导入UI
//导入饿了么UI组件
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
使用组件
//使用饿了么UI组件
app.use(ElementPlus)
整体
import { createApp } from 'vue'
import App from './App.vue'
//导入我们的路由文件
import Router from './router/index'
//导入store
import store from './store/index'
//导入饿了么UI组件
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
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(Router)
//使用store
app.use(store);
//使用饿了么UI组件
app.use(ElementPlus)
app.mount('#app')
全局安装组件
npm install @element-plus/icons-vue
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)