Vue技术—监视属性

本文主要是介绍Vue技术—监视属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

监视属性watch

1.当被监视的属性发生变化时，回调函数自动调用，进行相关操作
2.监视的属性必须存在，才能进行监视！！
3.监视的两种写法：
（1）.new Vue时传入watch配置
（2）通过vm.$watch监视

<div id="root"><h2>今天天气很{{info}}</h2><button @click="change">切换天气</button>
</div>

const vm = new Vue({el:"#root",data:{ishot:true},computed:{info(){return this.ishot : '炎热' : '凉爽'}},methods:{change(){this.ishot = !this.ishot}},/*watch:{ishot:{immediate:true;//初始化时让handler调用一下//handler什么时候被调用？当ishot发生改变时handler(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)}}},*/
})
vm.$watch('ishot',{immediate:true;//初始化时让handler调用一下//handler什么时候被调用？当ishot发生改变时handler(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)}
})

这篇关于Vue技术—监视属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---