vuejs如何利用watch实现监听

vuejs如何利用watch实现监听，下面web建站小编给大家简单介绍一下如何通过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>

vue语法中关于watch和watchEffect的区别？

nodejs如何读取/修改/监听文件流

react如何利用addEventListener监听关闭Modal弹框

vue项目如何利用watch监听路由变化

vuejs如何利用watch开启深度监听

标签： watch, 监听

上面是“vuejs如何利用watch实现监听”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2874.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！