<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<!-- Import ElementPlus css -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/index.css"/>
<!-- Import Vue 3 -->
<script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script>
<!-- ElementPlus -->
<script src="//unpkg.com/@element-plus/icons-vue"></script>
<!-- ElementPlus icon-->
<script src="//unpkg.com/@element-plus/icons-vue"></script>
</head>
<div id="app">
<el-icon>
<Plus/>
</el-icon>
</div>
<script>
const {createApp, onMounted, onUnmounted, watchEffect, reactive, ref, toRefs} = Vue;
// 动态注册 Element Plus 的图标组件
const {ElButton, ElMessage, ElMessageBox, ElLoading, UploadProps, UploadUserFile} = ElementPlus;
const {ElIcon} = ElementPlus
const app = createApp({
setup() {
})
app.component('plus', ElementPlusIconsVue.Plus)
//要引入什么icon，就按上面一样写
app.use(ElementPlus).mount('#app')
</script>如何在纯html文件中引入vue3和ElementPlus包括ElementPuls的icon字体图标库
猜你喜欢
转载自blog.csdn.net/m0_68956554/article/details/140017567
今日推荐
周排行