vuejs如何利用watch实现监听

898 ℃

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,我们会在看到邮件的第一时间内为您处理!

php开发中如何对数组批量设置
Linux Makefile使用指南:避开常见误区与陷阱
如何打造高质量的网站原创文章?
wordpress如何让多个网站调用同一个数据库
php语法中如何判断当前变量是数组还是对象