vue（1）

序

1.Vue是什么？

Vue是一套用于构建用户界面的渐进式框架，响应式系统，自底向上逐层应用

2.开始语法入门

本来要下好多东西的，但是刚刚开始学所以跟老师走

点击查看代码 


  <html>
  	<head>
  		<meta charset="utf-8" />
  		<title></title>
  		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
  	</head>
  <body>
  	<div id="app">
  		{{massage}}
  		<button @click="massage++">自增</button>
  	</div>
  	
  </body>

  <script>

  	var vm = new Vue({
  		el:"#app",
  		
  		data:{
  			massage:"0",
  		},
  		

  	})
  	

  </script>

  </html>

知识点

1 el是唯一根目录，与上面元素绑定
2 data是初始数据，类似java的属性
3 methods 是方法定义
4 @click on:click 可以用于点击事件

posted @ 2022-08-31 22:43  冥天肝  阅读(18)  评论(0)  编辑  收藏  举报