Vue Getter＆amp; Setter而不是后端响应中的实际值

Question

我是Vue的新手，我很难理解为什么我的问题会发生。

当我调用后端检索某些数据时，响应如下：

id: Getter & Setter
name: Getter & Setter
season: Getter & Setter
number: Getter & Setter

在Vue中，如果我将数据更改为对象而不是函数，我会得到我期望的值。

id:10897
name:"Minimum Viable Product"
season:1
number:1

从阅读Vue的文档我知道数据应该是一个函数，但我不明白为什么它会影响我得到的数据？

我检索数据如下：

methods: {
     async episodes() {
      const response = await EpisodesService.getAllEpisodes()
      console.log(response)
}

Answer 1

https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function

您可以将数据更改为对象而不是功能，但不建议这样做。如果Vue没有此规则，则单击一个组件将影响所有其他实例的数据。

Answer 2

使用JSON stringify函数：

JSON.stringify(response.data.allEpisodes)