监视属性

使用方式

第一种

const vm = new Vue({
      el:"#root",
      data:{
          isHot:true,

      },
      methods: {
          qiehuan() {
              this.isHot = !this.isHot
              this.x++
          }
      },
      computed: {
          info(){
              return this.isHot?"炎热":"凉爽"
          }
      },
      watch: {
          info:{
              // immediate:"true",


              handler(newValue,oldValue){
                  console.log("isHot被修改了",newValue,oldValue)
              }
          }
      },
  })

第二种

vm.$watch("isHot", {
     immediate: "true",


     handler(newValue, oldValue) {
         console.log("isHot被修改了", newValue, oldValue)
     }
 })