vue 監聽對象里某個值的變化

假設vue里有個form表單對象：

      form: {
        id: null,
        projectName: null,
        state: '100',
        typeId: null,
        typeName: null      
      }

當typeId變化時，實時修改typeName的值（因為是回調修改，其實有點延時）

使用watch監聽typeId

watch: {
    'form.typeId': {
      handler: function() {
        if (!this.form.typeId) {
          this.form.typeName = null
          return
        }
        this.form.typeName = this.projectTypeOptions.find(item => { return item.key === this.form.typeId }).display_name
      }
    }
  }