javascript - Vue Array 转换为 Proxy 对象

Question

我是 Vue 的新手。在制作这个组件时，我被困在这里。
我正在向使用以下代码返回数组的 API 发出 AJAX 请求:

<script>
import axios from 'axios';
export default {
  data() {
    return {
      tickets: [],
    };
  },
  methods: {
    getTickets() {
      axios.get(url)
        .then((response) => {
            console.log(response.data) //[{}, {}, {}]
            this.tickets = [...response.data]
            console.log(this.tickets) //proxy object
          })
    },
  },
  created() {
    this.getTickets();
  }
};
</script>

问题是， this.tickets设置为 Proxy对象而不是 Array我从 API 中获取。
我在这里做错了什么？

Answer 1

门票等数据中的项目被制成可观察的对象。这是为了允许 react 性(自动重新渲染 UI 和其他功能)。这是意料之中的，返回的对象应该像数组一样表现。
查看 react 性文档，因为您需要以特定模式与数组交互，否则它不会在 ui 上更新:https://v3.vuejs.org/guide/reactivity-fundamentals.html
如果您不希望有反应 - 也许您永远不会在客户端更新票证而只想显示它们 - 您可以在 response.data 上使用 Object.freeze() ；