vue watch属性的简单使用，watch监听对象变化

原创于 2018-12-07 12:26:38 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue watch属性的简单使用 #vue watch用法 #watch监听对象

Vue.js框架开发同时被 2 个专栏收录

27 篇文章

订阅专栏

Java web开发

26 篇文章

订阅专栏

本文详细介绍了在Vue.js中如何使用watch特性来监听特定属性和对象的变化。当指定的属性或对象发生变化时，可以触发预定义的逻辑函数或异步请求，实现数据驱动的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码中监听了一个简单的属性currentPage和一个对象selectForm,只要它们的值一改变就会触发其中的逻辑函数或者异步请求

watch: {
        //属性监听
        currentPage(oldV, newV) {
            this.exchangeCurrentPage();
        },
        //对象监听
        selectForm:{
            handler:function(val,oldval){
                //执行自己的写逻辑
                this.getData()
            },
            deep:true//对象内部的属性监听，也叫深度监听
        },
    },