Vue学习------------（1）HelloVuejs 


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
	<div id="app">{{message}}    {{name}}</div>
	<script src="../js/vue.js"></script>
	<script>
		const app=new Vue({
			el : '#app',      //用于挂载要管理的元素
			data : {          //定义数据
				message : '你好' ,
				name : '张三'
			}
		})
	</script>
</body>
</html>

　　

列表的展示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
	<div id="app">
		<ul>
			<li v-for="item in movies">{{item}}</li>
		</ul>
	</div>
	<script src="../js/vue.js"></script>
	<script>
		const app=new Vue({
			el : '#app',      //用于挂载要管理的元素
			data : {          //定义数据
				movies : ['闻香识女人' , '低俗小说' , '少年派的奇幻漂流' , '盗火线']
			}
		})
	</script>
</body>
</html>

　　

posted @ 2021-03-13 15:33  455994206  阅读(20)  评论(0)    收藏  举报