vue
/
Vue


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>1.引入VUE</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<link href="../css/style.css" rel="stylesheet"> </head>

	</head>

	<body>
		<div id="myApp">
			<h3>游戏列表</h3>
			<!-- Virtual DOM -->
			<div v-if="seen">2017最新发卖</div>
			<ol>
				<li v-for="game in games">{{game.title}} / {{game.price}}元</li>
			</ol>
		</div>
		<script>
			var myApp = new Vue({
				el: '#myApp',
				data: {
					seen: false,
					games: [{
						title: '勇者斗恶龙',
						price: 400
					}, {
						title: '超级马里奥',
						price: 380
					}, {
						title: '我的世界',
						price: 99
					}, ],
				},
			});
		</script>
	</body>

</html>