<template>
    <div class="container">
      <div class="top">
        {{itemData.goodsCode}}
      </div>
    </div>
</template>


props: {
        itemData: {
          type: Object,
          default() {
            return {};
          }
        },
      },

如上圖所示，itemData為父組件通過props傳遞過來的對象，其中包含goodsCode，taskBatch，lowestDiscount 等字段。
如果要watch 整個itemData對象，比較簡單如下代碼

watch:{
        itemData:{
          handler:function (val, oldVal) {
          },
          deep:true
        },
      },

但是如果要監(jiān)聽itemData中的某個值，或者其中的幾個值，這時候就要配合computed來使用

computed: {
        twoNum() {
          return {
            taskBatch:this.itemData.taskBatch,
            lowestDiscount:this.itemData.lowestDiscount
          }
        }
      },

watch:{
        twoNum:{
          handler:function (val, oldVal) {
          },
          deep:true
        },
      },