vuejs如何利用watch实现监听

952 ℃

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

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
wordpress发布文章后标题分隔符(被转义成)解决方法
php如何去除两个数组相同的元素
js/php获取当前网页源码和指定网站源码
HTTP协议中的Cookie是什么意思?它有哪些属性?
LuLu UI中文文档官网介绍