简单三步使用Vue创建实例

代码中有三步的注释,注意new实例的时候,需要大写Vue中的V。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Vue</title>
		<!-- 使用VUE只需要三步
		第一步是引入vue文件 -->
		<script type="text/javascript" src="vue/vue.js">
			
		</script>
		<!-- 第二步是new一个Vue实例 -->
		<script type="text/javascript">
			
			window.onload = function(){
				//注意,Vue的V需要大写,否则不起作用
				var c= new Vue({
					el:'#box',
					data:{
						msg:'第一个Vue实例'
					}
				});
			};
		</script>
	</head>
	<body>
		<div id="box">
			<!-- 第三步 在html中调用显示的标签 -->
			{{msg}}
		</div>
	</body>
</html>

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND