Vue2.x学习笔记(三)
1监控在Vue中，watch可以用来监控数据的变化，比如watch实现的一个简单的计数器：Counter:{{count}}
点我添加
varvm=newVue({el:'#app',data:{count:0}})vm.$watch('count',function(newValue,oldValue){document.getElementById("info").innerHTML="修改前："+oldValue+"
修改后："+newValue;})效果如下：watch有两个参数，一个是要监听的变量，一个是回调函数，回调函数接受两个参数，第一个参数是新值，第二个参数为旧值。这是单位转换的另一个例子：
吨：千克：
吨：千克： varvm=newVue({el:'#app',data:{ton:0,kgs:0},watch:{ton:function(val){this.kilograms=(this.ton=val)*1000;},kgs:function(val){this.ton=(this.千克=val)/1000;}}})vm.$watch('ton',function(newValue,oldValue){document.getElementById("tonInfo").innerHTML="修改前："+oldValue+"
修改后修改："+newValue;})vm.$watch('千克',function(newValue,oldValue){document.getElementById("kilogramsInfo").innerHTML="修改前："+oldValue+"
修改后："+新Value;})2stylebindingclass和style是HTML元素的属性，用来设置元素的样式，可以使用v-bind来设置样式属性v-bind是在处理class和style时特别增强的，结果expression类型除了可以是字符串，还可以是对象或数组。2.1类绑定可以为v-bind:class设置一个对象动态切换类：
