html页面中使用element-ui
时间: 2023-11-28 13:46:08 浏览: 89
html直接引用vue和element-ui的方法
在HTML页面中使用Element-UI,需要先引入Vue.js和Element-UI的相关文件,然后在Vue实例中注册需要使用的组件即可。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用Element-UI示例</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
<el-button>这是一个按钮</el-button>
</div>
<!-- 引入Vue.js -->
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<!-- 引入Element-UI -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
// 注册组件
Vue.use(ElementUI);
// 创建Vue实例
new Vue({
el: '#app'
});
</script>
</body>
</html>
```
阅读全文