vue 引入子页面，数据改变，监听事件无效

最近做了一个demo，展示给客户看的，页面设计到一些数据，就想着把这些数据写成经常变化的。

 

 

父页面定义的data 为一个数组  ，在页面写了一个定时器，每隔三秒去改变这个传给子页面的值

 

 

 在子页面接受 

props: {

      resData:{

        type:Array,

        default:()=>[{

          name:'温度'，

          value:36

        }]

      }

    },

 

然后在子页面监听  resData值的变化，变化之后修改数据 

 watch:{

         resData() {

              执行函数  方法

            },

        },

最后发现父页面打印的值虽然变化了，但是引入的子页面却没有改变，这时候就使用深度监听。

 

watch:{

         resData: {

            　　deep:true,   深度监听

　　　　　　handler：function（）{

　　　　　　　　 执行函数  方法

　　　　　　}

            },

        },

就达到想要的效果