js往数组里push时数据覆盖问题

场景：

export default {
  namespaced: true,
  state: () => ({
    componentData: [],
    curComponent: null,
  }),
  mutations: {
    addComponent(state: any, component: any) {
    //原代码
    // state.componentData.push(component);
    //修改之后的
      state.componentData.push({ ...component });
    },
    setComponentData(state: any, componentData = []) {
      state.componentData = componentData;
    },
  },
  actions: {},
};