vue.js 入门精要

            vm.$watch(data, function (newVal, oldVal) {                   console.log($watch);               })           });  
     hr         input type="button" class="{{ ok ? cls1 : cls2 }}" value="更新数据" onclick="updateData2()"     /div   
var updateData2= function () {              vm.$data.message="更新后的数据"+(count++);              vm.$data.ok=false;          };  
input type="button" class="{{ ok ? cls1 : cls2 }}" value="更新数据" onclick="updateData2()"    

 在js方法中修改ok的值即可

(4)vue计算属性

                        // `this` 指向 vm 实例                           return this.a + 1                       },                       upper: function () {                           return " span  school /span ".toUpperCase();                       },                       haha: function () {                           return iloveyou.split();                       }                   }               })  

(5)监听数据的变化

 执行结果:

new:更新后的数据1;old:Hello World!

 

(6)如何获取vue的节点和数据

节点:vm.$el

数据:vm.$data

vue 入门和生命周期 Vue的实例的数据对象data 我们已经用了很多了，数据绑定离不开data里面的数据。也是Vue的核心属性。 它是Vue绑定数据到HTML标签的数据源泉，另外Vue框架会自动监视data里面的数据变化，自动更新数据到HTML标签上去。本质原理是：Vue会自动将data里面的数据进行递归抓换成getter和setter，然后就可以自动更新HTML标签了，当然用getter和setter所以老的浏览器Vue支持的不够好。
Vue.js是一个构建数据驱动的web界面的库。技术上，它重点集中在MVVM模式的ViewModel层，因此它非常容易学习，非常容易与其它库或已有项目整合。
黄威的世界 我是一个热衷IT技术的人，希望自己不断地设计开发出对别人非常有用的软件。有近7年的java开发经验(包括2年Android开发经验)和一年左右的linux使用经验。擅长Java Web后台开发 ，喜欢研究新的各种实用技术