watch监听复杂数据类型 object array 深度监视

最新推荐文章于 2022-07-08 11:27:40 发布

技术项目经理

最新推荐文章于 2022-07-08 11:27:40 发布

阅读量1k

点赞数 1

分类专栏： web前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/96347840

版权

web前端专栏收录该内容

420 篇文章 10 订阅

订阅专栏

<template>
    <div>
        <div>
            <button @click="stus[0].name='杜凯文'">你好</button>
        </div>
        <div>
            {{stus[0].name}}
        </div>
    </div>
</template>
<script>
    data(){
        return{
            stus:[{name:'jack'}]
        }
    },
    watch:{
        //监听复杂数据类型 object array 深度监视
        stus:{
            deep:true,
            handler:function(newV,oldV){
                console.log(newV[0].name)
            }
        }
    },
</script>