数据变化的监控经常使用，我们可以先来看一个简单的数据变化监控的例子。例如天气预报的穿衣指数，它主要是根据温度来进行提示的，当然还有其它的，咱们就不考虑了。

html

<div id="app"><span>今日温度{{message}}℃</span><span>穿衣指数{{message2}}</span><br /><br /><button @click="add">add</button><button @click="decrease">decrease</button>
</div>

var suggestion=['T恤短袖','夹克长裙','棉衣羽绒服'];var vm = new Vue({el:"#app",data:{message:20,message2:"T恤短袖"},methods:{add:function(){this.message+=5},decrease:function(){this.message-=5}}// 有些时候我们会用实例属性的形式来写watch监控。也就是把我们watch卸载构造器的外部，这样的好处就是降低我们程序的耦合度，使程序变的灵活。// ,// watch:{//     message:function(newVal,oldVal){//         if(newVal>=26){//             this.message2=suggestion[0];//         }else if(newVal<26 && newVal >=0)//         {//             this.message2=suggestion[1];//         }else{//             this.message2=suggestion[2];//         }//     }// }
            })// 实例方法减少代码耦合度vm.$watch('message',function(newVal,oldVal){if(newVal>=26){this.message2=suggestion[0];}else if(newVal<26 && newVal >=0){this.message2=suggestion[1];}else{this.message2=suggestion[2];}  })

watch中把值赋值后在mounted是获取不到的这是有先后顺序的 mounted要先渲染

转载于:https://www.cnblogs.com/Model-Zachary/p/6942092.html

watch监控,对比新值和旧值做出相应判断相关推荐

js change事件获取新值和旧值_前端总结（JS篇）
JS 引入方式 1-内部js <script> </script> 2-外部引入 <script src="路径"> 注意不要写js代码 < ...
oid 值内存使用_[技术干货] zabbix监控项原型组合键值
自动发现中监控项原型使用多个值组合成一个新的键值. 这里我们以华为RH5885V3的内存为例: 我们先walk出要用来作为组合键值的值,我们称之为VALUE.而OID节点后面延伸出来的数值,例如.1. ...
python 根据判断产生新列_pandas DataFrame 根据多列的值做判断,生成新的列值实例...
环境:Python3.6.4 + pandas 0.22 主要是DataFrame.apply函数的应用,如果设置axis参数为1则每次函数每次会取出DataFrame的一行来做处理,如果axis为1 ...
C++11 标准新特性: 右值引用与转移语义(点评)
<<C++11 标准新特性: 右值引用与转移语义>> 原文地址如下 http://www.ibm.com/developerworks/cn/aix/library/1307_ ...
C++11新特性之左值右值及移动语句与完美转发
C左值右值左值和右值的由来什么是左值和右值左值右值的本质引用左值引用右值引用移动语句与完美转发移动语句实现移动构造函数和转移赋值函数 stdmove 完美转发Perfect Forw ...
C++ C++11新特性--右值引用
左值与右值在C语言中,左值和右值一般有两种区分的方法.可以出现在赋值符号"="的两边的值为左值,只能出现在赋值符号"="的右边的值为右值:还有一种说法是能取地 ...
小程序后台返回的对象数组（每个数组添加一个新的属性值）
upshow属性是在请求到后台的数据后逐条添加的,经常用于控制当前数据的显示与否或者箭头的指向 //给后台返还的数据就对象加对象属性值array.forEach((r) => { //arra ...
python怎么筛选excel数据_python筛选数据excel表格-如何利用python提取两个excel对比后的重复值的信息?...
怎么用python读取excel表格的数据 import xlrd #open the .xls file xlsname="test.xls" book = xlrd.open_ ...
R语言使用caret包的knnreg函数拟合KNN回归模型：使用predict函数和训练好的模型进行预测推理、使用plot函数可视化线图对比预测值和实际值曲线
R语言使用caret包的knnreg函数拟合KNN回归模型:使用predict函数和训练好的模型进行预测推理.使用plot函数可视化线图对比预测值和实际值曲线目录

watch监控,对比新值和旧值做出相应判断

watch中把值赋值后在mounted是获取不到的这是有先后顺序的 mounted要先渲染

watch监控,对比新值和旧值做出相应判断相关推荐

最新文章

热门文章

watch监控,对比新值和旧值做出相应判断

watch中把值赋值后 在mounted是获取不到的 这是有先后顺序的 mounted要先渲染

watch监控,对比新值和旧值做出相应判断相关推荐

最新文章

热门文章

watch中把值赋值后在mounted是获取不到的这是有先后顺序的 mounted要先渲染