Vue学习笔记——基础语法{{ }}

Vue学习笔记

  1. {{ }}大括号，也是最常用的取值符号，用来渲染data里面的数据
<body>
		<div id="app">
			{{message}}
			<H2>{{people.name}} {{people.sno}}</H2>
			<ul>
			<li>{{campus[0]}}</li>
			<li>{{campus[1]}}</li>
			<li>{{campus[2]}}</li>
			<li>{{campus[3]}}</li>
			</ul>
		</div>
		<script>
			var app =new Vue({
				el:"#app",
				data:{
					message:"hello world!!!",
					people:{
						name:"袁画圆",
						sno:"1840129540"
					},
					campus:["广州大学","深圳大学","华南理工大学","中山大学"]
				}
			})
		</script>

可以用来获取data里面的对象，数组等数据
运行截图

版权声明：本文为weixin_44154577原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。