jiayonghua

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>

 

分类:

技术点:

相关文章:

  • 2021-11-06
  • 2021-11-06
  • 2021-11-06
  • 2021-12-26
  • 2021-10-08
  • 2021-08-28
猜你喜欢
  • 2021-04-18
  • 2021-09-14
  • 2021-11-06
  • 2021-11-06
  • 2021-11-06
  • 2021-11-06
  • 2021-11-06
相关资源
相似解决方案