【汇智学堂】 Vue框架基础（1）

写在前边

Vue涉及的点很多，本系列介绍我最近用的比较简单的，在HTML中引入vue进行一些数据控制。

（1） Hello，Vue.js!

HTML中引用vue，有两种方法即下载或引用CDN：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
	</head>
	<body>
		<div id="app">
			<h1>{{message}}</h1>			
		</div>
	</body>
		
	<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js'></script>
		<script>
			var vm=new 	Vue({
				el:'#app',
				data:{
					message:'Hello ， Vue.js'
				}
			})
		</script>	
</html>

在这里插入图片描述
上图即是实现效果。

posted on 2019-12-20 14:52  Bruce丶Lee  阅读(86)  评论(0)    收藏  举报

导航