序
1.Vue是什么？
Vue是一套用于构建用户界面的渐进式框架，响应式系统，自底向上逐层应用
2.开始语法入门
本来要下好多东西的，但是刚刚开始学所以跟老师走
点击查看代码
System.out.println("Hello to see U!")
<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}},{{say()}} <div id="count">0</div> <button type="button" id="btn">自增</button> </div> </body> <script> var vm = new Vue({ el:"#app", data:{ massage:"hello,vue", username:"lisi" }, methods:{ say:function(){ return "Hello！"+this.username } } }) var counter = 0 var btn = document.getElementById("btn") btn.onclick = function(){ count.innerText = counter++; } </script>
知识点
1 el是唯一根目录，与上面元素绑定
2 data是初始数据，类似java的属性
3 methods 是方法定义
4 @click 可以用于计算