VUE关于对象动态添加属性无法双向绑定问题

今天遇到个问题，同样的uniapp小程序代码，一个可以执行，另一个就不行，很奇怪。
后来发现是【对象动态添加属性无法双向绑定问题】
但是，我说的是但是，明明两份代码是一样的，一个可以，另外一个就不行，是为啥！！

<template>
  <view :class="{'err-item':errField.city}">
    <button @click="saveStep">测试</button>
  </view>
</template>
export default {
  data() {
    errField: {}
  },methods: {
    saveStep() {
      // 这个方式之前有用
      this.errField.city = true;
      console.log(this.errField);
      // 上面没用，就按照下面的方式
      this.$set(this.errField,'city',true)
    }
  }
}

您在本文章已经停留了大概 。
喜欢的话就点个赞吧！或着请我喝个冰可乐，我就太感谢你了！