a-cascader编辑绑定值变化，但页面不回显不更新问题($set用法)

问题：

编辑时，级联组件绑定数据变化，的dom不进行更新

原因：

引用值类型（对象或数组）动态添加或删除某一个属性值，需要使用this.$set 或者 Object.assign()===不然数据触发不到getter和setter。
（对from直接赋值不会影响dom更新，但是动态添加某一属性会影响）

深入理解响应式：

为data中的 updateForm 对象添加一个属性，需要用到this.$set(删除this.$delete)
深入理解vue响应式
数据进行初始化时（data中），将property通过object.defineProperty绑定getter和setter，从而进行获取和改变渲染（setter触发会触发watcher）

  async created() {
    await this.getGoodsCatgoryList()
    // this.getGoodsList()
    // 编辑的话，获取id信息
    if (this.$route.params.id) {
      // 获取id商品信息
      const storageId = getDAes(this.$route.params.id)
      const { data: result } = await getStorageById({ storageId })
      // 重新赋值，以前的已经消失不存在了
      this.updateForm = result.data
      // 获取选择产品下拉框
      await this.getGoodsList(this.updateForm.categoryId)
      // 下拉框回显
      // this.updateForm.selectedGoodsCatgory = [this.updateForm.categoryId]
      // this.updateForm.selectedGoodsList = [this.updateForm.prodId]
      this.$set(this.updateForm, 'selectedGoodsCatgory', [this.updateForm.categoryId])
      this.$set(this.updateForm, 'selectedGoodsList', [this.updateForm.prodId])
      console.log(this.updateForm)

      // 获取销售价 结算价参数
      if (this.updateForm.salePriceType !== 0) {
        this.saleRadioInputForm[this.saleRadioInput[this.updateForm.salePriceType]] = this.updateForm.salePriceParam
      }
      if (this.updateForm.costPriceType !== 0 && this.updateForm.costPriceType !== 1) {
        this.costRadioInputForm[this.costRadioInput[this.updateForm.costPriceType]] = this.updateForm.costPriceParam
      }
    }
  },

总结：

data中初始化的数据响应式会影响dom更新，所以dom中凡是使用的数据都要在data中绑定。
如何数据变化dom不更新，说明有对data中对象添加或删除树形 / 数组用索引设置数组项 或 改变长度

（对from直接赋值不会影响dom更新，但是动态添加某一属性会影响）