如何在html单页面中引入element plus组件
时间: 2023-06-03 20:05:26 浏览: 1872
HTML-引入Vue3和Element Plus
你可以通过以下步骤在 HTML 单页面中引入 Element Plus 组件:
1. 在 HTML 页面的头部引入 Element Plus CSS 文件:
```html
<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">
```
2. 在 HTML 页面底部引入 Element Plus JS 文件:
```html
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/element-plus@next"></script>
```
3. 创建 Vue 应用,然后在组件中引入 Element Plus 组件,比如你可以这样引入一个按钮组件:
```html
<template>
<el-button>Click me</el-button>
</template>
<script>
import { ElButton } from 'element-plus';
export default {
components: {
ElButton,
},
};
</script>
```
这样就可以在 HTML 页面中使用 Element Plus 组件了。
阅读全文