2024年09月30日 建站教程
vuejs如何利用watch实现监听，下面web建站小编给大家简单介绍一下如何通过vm.$watch实现监视！
实现代码如下：
<div id="root">
<h2>今天天气很{{info}}</h2>
<button @click="changeWeather">切换天气</button>
</div>
<script src="/static./vue.js"></script>
<script>
const vm = new Vue({
el:'#root',
data:{
isHot:true
},
computed:{
info(){
return this.isHot ? '炎热' : '凉爽'
}
},
methods:{
changeWeather(){
this.isHot = !this.isHot
}
},
})
vm.$watch('info',{
handler(newVal,oldVal){
console.log('天气被修改了', newVal, oldVal);
}
})
</script>
本文链接：http://so.lmcjl.com/news/14285/