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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 792 天前的主题，其中的信息可能已经有所发展或是发生改变。

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();
  },
});

2 条回复 • 2022-10-18 17:24:57 +08:00

sechi

2022-10-18 16:23:33 +08:00

是的，可以使用 toRefs

gouflv

2022-10-18 17:24:57 +08:00 via iPhone

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