vue compute和watch共用监听对象的多个属性

引言

这周写的编辑页面时，给后端传值的时候需要传个字段，用来判断增加的信息的状态，但是这个字段的传的1还是0，是根据用户编辑的是前4个条件还是后4个条件判断的。这就要监听所传对象的多个对象，利用compute和watch即可实现，特此记录一下。

实现过程

data(){
	return {
		airFormData: {
        courseName: "",
        provinceId: "",
        lanId: "",
        userId: "",
        airPeople: "",
        optName: "",
        optId: "",
        optSegId: "",
        pointId: "",
        nextPointId: "",
        pageCurrent: 1,
        pageSize: 5,
      },
      //判断状态
      modifyState:0
	}
},
watch: {
	changeData(newVal) {
   			console.log(newVal)
   			this.modifyState=1
    },
},
computed: {
	const { optId, optSegId, pointId, nextPointId } = this.airFormData;
      return {
        optId,
        optSegId,
        pointId,
        nextPointId,
      };
}

• 这样写，只要airFormData中的optId, optSegId, pointId, nextPointId的任意一个改变，都是可以监听到的