vue如何用watch监听一个前期不存在的值？

Question

 watch: {
       // list 是存在vuex的
      'list.a1': {
      handler: function (newData, oldData) {
        
      }
    }
}

vuex 的list

list:{
// 初始时候并没有值，值是后面才加的
}

请问我该如何用 watch 监听这种前期不存在，后面才有的值呢?

Answer 1

对整个list进行监听

computed: {
  getList () {
    return this.$store.state.list
  }
}
watch: {
    getList: {
      handler: function (newData, oldData) {
        console.log(newData.time, oldData.time)
        // 处理
      },
      deep: true
    }
  }

Answer 2

watch: {
'vuexList': {
deep: true,  // 深层监听
handler: function (newData, oldData) {
        if(list && list.a1)
      }
}}，
computed： {
    vuexList() {
    return this.$store.state.lsit
    }
}