elementui的基本使用 

<!DOCTYPE html>
<html lang="en">

<!-- vue-elemnui的配置使用 -->

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<title>Document</title>
</head>

<body>
	<div id="app">
		<el-button @click="visible = true">这是一个按钮</el-button>
		<el-dialog :visible.sync="visible" title="Hellod">
			<p>hello</p>
		</el-dialog>
	</div>

	<!-- import Vue before Element -->
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script>
		new Vue({
			el: '#app',
			data: function () {
				return {
					visible: false
				}
			}
		})
	</script>
</body>

</html>
posted @ 2021-10-22 14:38  迷彩程序猿  阅读(135)  评论(0)    收藏  举报