ElementUI Hello World

最新推荐文章于 2023-02-10 10:24:38 发布

weixin_30681121

最新推荐文章于 2023-02-10 10:24:38 发布

阅读量182

点赞数

原文链接：http://www.cnblogs.com/jiayonghua/p/10844100.html

版权

Vue Element UI Hello World

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Element UI Hello</title>
	<!-- 引用css -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	

</head>
<body>
	<div id="app">
		<el-button @click="visible = true">Button</el-button>
		<el-dialog :visible.sync="visible" title="Hello World">
			<p>Try Element</p>
		</el-dialog>
	</div>
</body>

<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<script type="text/javascript" src="https://unpkg.com/element-ui/lib/index.js"></script>	

<script type="text/javascript">
	new Vue({
		el:'#app',
		data:function(){
			return {
				visible:false
			}
		}
	})
</script>

</html>

转载于:https://www.cnblogs.com/jiayonghua/p/10844100.html