然后在html后面写以下js构造页面框架:
<script>
const {createApp} = Vue
const app = createApp({
setup(){
return{
//里面用于返回const的值
}
}
})
app.use(ElementPlus, {
locale: window.ElementPlusLocaleZhCn
});
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)}//全局注册图标
app.mount("#myapp")
</script>
需要注意英文版则不引用zh-cn.min.js,然后 app.use(ElementPlus)
以上需要引用弹窗等,需要引入const {ElMessageBox, ElMessage} = ElementPlus,当需要引入elemnetui的图标的时候需要引入
const {Check,Delete,Edit,Message,Search,Star, Share, Upload,View} = ElementPlusIconsVue同时需要在return中把那些图标返回。
|