如何使用vue.js中的$watch
0
[已解决问题]
解决于 2017-03-13 20:42
看了下官方文档中的$watch用法，但是自己练习了下，发现没啥效果。下面是代码。
<div id="app">
<span v-on:click="change">{{value}}</span>
</div>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:"#app",
data:{
value:0,
value2:1
},
methods:{
change:function(){
return 3;
}
},
watch:{
value:this.change
}
});
</script>
我是哪里写错了么？麻烦大神帮我看看，能更详细的说下$watch的用法。谢谢
最佳答案
1
watch:{
value:{
handler:function(newval,oldval){console.log('...........',newval,oldval)}
}
}
奖励园豆：5
感谢你的回复。这个handler属性确实没看到，受教受教。另外，我后来了解到和自己的测试来看，watch后面只能是跟函数或者你这种对象。所以我总结了下，写了下面这个例子，不知道算不算是真的理解了。
@流炎飞雪:
{
deep:true，//还可以加一个deep，表示跟踪所有对象下的属性。
handler:function(){}
}
@calvinK: 感谢你的再次回答，这个属性我测试了下，对于data中的数据是对象的情况，确实是必不可少。
