单个html引入element pluss
时间: 2023-04-04 18:01:33 浏览: 74
可以使用以下代码将 Element Plus 引入 HTML 文件中:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Page</title>
<!-- 引入 Element Plus 样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
<!-- 在这里使用 Element Plus 组件 -->
<el-button>Click me</el-button>
</div>
<!-- 引入 Vue.js 和 Element Plus 脚本文件 -->
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/element-plus@next"></script>
<script>
const app = Vue.createApp({
// 在这里编写 Vue 组件
})
app.use(ElementPlus) // 在 Vue 应用中使用 Element Plus
app.mount('#app') // 挂载 Vue 应用
</script>
</body>
</html>
```
希望能对你有所帮助。