ElementUI Hello World

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>

 

posted @ 2019-05-10 14:06  疯子FK  阅读(501)  评论(0)  编辑  收藏  举报