如何简化vue3代码?

import { computed } from 'vue';
export interface Props {
  data: {
    div: {... }[];
    progress: {...};
  };
}
const { data } = defineProps<Props>();
const div = computed(() => data.div);
const progress = computed(() => data.progress);

我希望直接使用div,progress,它们需要保持响应式,如何简化呢?

...

阅读 554
2 个回答
✓ 已被采纳
const { div, progress } = toRefs(data);
import { computed } from 'vue';

export interface Props {
  data: {
    div: {...}[];
    progress: {...};
  };
}

const { data } = defineProps<Props>();

const { div, progress } = computed(() => ({
  div: data.div,
  progress: data.progress
}));
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏