普通HTML页面使用ElementPlus(vue3)
-
引入样式和JS,因为ElementPlus是基于Vue3的,所以也要把vue3一起引入
<head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<!-- Import component library -->
<script src="//unpkg.com/element-plus"></script>
</head>
* 可以把对应的CSS、JS保存到本地站点,防止CDN站打不开时JS加载不到。
-
创建Vue应用,带上ElementPlus,渲染HTML节点
<script>
Vue.createApp({
data:function(){
return _VUE_;
}
}).use(ElementPlus).mount('body')
</script>