watch

最新推荐文章于 2024-06-12 12:28:10 发布

WineCoffee

最新推荐文章于 2024-06-12 12:28:10 发布

阅读量148

点赞数

分类专栏：前端开发文章标签： vue.js

本文链接：https://blog.csdn.net/WineCoffee/article/details/105353500

版权

前端开发专栏收录该内容

35 篇文章 0 订阅

订阅专栏

本文深入探讨Vue.js框架中的Watch机制，解析如何利用Watch监听数据变化，实现与后台交互及对象属性修改的高效处理。了解Watch的handler、immediate和deep选项，掌握其在数据变化响应中的应用技巧。

摘要由CSDN通过智能技术生成

watch:{ //监听到某个数据变化需要做一些事情
        'obj.a':{ //修改某个对象的属性调用，节省内存
            // handler(newName,oldName){
            //     this.fullName = newName + oldName
            // },
            handler(newName,oldName){
                console.log('obj.a is changed')
            },
            immediate:true, //true先执行handler,默认为下次调用时执行
            // deep:true //修改对象的属性时会调用，对象中的每个属性变动时都会调用，占用内存
        } 
    }

当一个数据变化需要和后台交互时使用watch

修改一个对象属性时可以用到