vue3 的 ref、reactive 中使用拓展运算符(...)会丧失响应式吗

[SniperXu]

demo

// 分页预设
let tablePaginationPreset = {
  page: 1,
  pageSize: 10,
  itemCount: 0,
};

let tablePagination = reactive({
  ...tablePaginationPreset,
  onChange: (page: number) => {
    tablePagination.page = page;
    getTableData();
  },
  onUpdatePageSize: (pageSize: number) => {
    tablePagination.pageSize = pageSize;
    tablePagination.page = 1;
    getTableData();
  },
});

[sechi]

是的，可以使用 toRefs

[gouflv]

主要是看使用这个数据的方式，如果解构了，那每个 key 就得转 ref