vuejs如何利用watch实现监听

vuejs如何利用watch实现监听，下面编程教程网小编给大家简单介绍一下如何通过vm.$watch实现监视！

实现代码如下：

<div id="root">
  <h2>今天天气很{{info}}</h2>
  <button @click="changeWeather">切换天气</button>
</div>
<script src="./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>