Javascript VueJS中的数据更新机制？ 导出默认值{ 数据（）{ 返回{ 数据：{}， dataTemp:{} } }, 方法：{ 更新数据（）{ let querys={…this.$route.query} 此参数。数据={ …这是数据， pID:querys.pID， sID:querys.sID } this.dataTemp={ …这个.dataTemp， pID:querys.pID， sID:querys.sID } } } }

在上面的示例中，当我更新this.data时，this.dataTemp也将被更改

但我认为这两者没有关系

请给我解释一下这个问题。

---

谢谢

这将

data

和

dataTemp

的初始值设置为空对象。请注意，它们都是不同的对象-

data！==数据温度

data（）{
返回{
数据：{}，
dataTemp:{}
}
}

如果有人调用

this.updateData（）

，这两个函数都会被更改，因为我们同时为

data

和

dataTemp

赋值。如果只想更新

数据

，可以将方法更改为

updateData（）{
let querys={…this.$route.query}
此参数。数据={
…这是数据，
pID:querys.pID，
sID:querys.sID
}
}

如果执行

udpateData

则将对象分配给

此.dataTemp

。你期待什么

<script>
export default {
  data() {
    return {
      data: {},
      dataTemp: {}
    }
  },
  methods: {
    updateData() {
      let queries = { ...this.$route.query }
      this.data = {
        ...this.data,
        pID: queries.pid,
        sID: queries.sid
      }
      this.dataTemp = {
        ...this.dataTemp,
        pID: queries.pid,
        sID: queries.sid
      }
    }
  }
}
</script>