vue watch监听data中对象指定属性变化

byhgz

已于 2023-09-03 14:03:15 修改

阅读量184

点赞数

文章标签： vue.js javascript 前端

于 2023-09-03 14:02:25 首次发布

本文链接：https://blog.csdn.net/qq_44747122/article/details/132649827

版权

new Vue({
    el: "#app",
    data: {
        dataClass: {
            name: "名",
            age: 15,
            titleCLass: {
                title: "acg"
            }
        }
    },
    watch: {
        //当name值变化值触发
        "data.name"(newValue, oldValue) {
            console.log("dataClass对象的name属性发生变化了",newValue,oldValue);
        },
        //当还有嵌套，依次类推
        "data.titleClass.title"(newValue, oldValue) {
            console.log("dataClass对象中titleCLass对象title属性发生变化了",newValue,oldValue);
        }
    }
})