vue2 watch的细节问题

watch监听query，修改data里的对象的数据 ，部分数据没改变

---

---

前言

一、遇到的问题

通过watch 获得query里的对象，将其中的属性值组合赋值给 drawTime 与 validTime ,控制台都能打印出结果 ，而页面只显示1 和 3，2为空数组，页面结果如下：

44
[]
[‘2022-07-08 00:00:00’, ‘2022-07-15 23:59:59’, ob: Observer]

    watch: {
   
        '$route.query': {
   
            immediate: true,
            deep: true,
            handler: function (val) {
   
                if (val.data) {
   
                    let res = JSON.parse(val.data)
                    this.couponId = res.couponId
                    this.form.drawTime =