<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 本地引用 -->
<!-- <link rel="stylesheet" href="css/element-plus.css" />
<script src="js/vue.global.prod.js"></script>
<script src="js/element-plus.js"></script>
<script src="js/icons-vue.js"></script> -->
<!-- 网络引用 -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css"/>
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<script src="//cdn.jsdelivr.net/npm/element-plus"></script>
<script src="//cdn.jsdelivr.net/npm/@element-plus/icons-vue"></script>
</head>
<body>
<div id="app">
<el-row class="mb-4">
<el-button>Default</el-button>
<el-icon :size="20">
<Edit />1
</el-icon>
<el-button type="primary">Primary</el-button>
<el-button type="success">Success</el-button>
<el-button type="info">Info</el-button>
<el-button type="warning">Warning</el-button>
<el-button type="danger">Danger</el-button>
</el-row>
</div>
<script>
const App = {
data(){
return{
}
}
}
// 组件注册
const App2 = Vue.createApp(App)
// 添加icon的图标
App2.component('edit',ElementPlusIconsVue.Edit)
App2.use(ElementPlus)
// div绑定的id
App2.mount(app)
</script>
</body>
</html>
