vue 子组件抛出去的 用于 slot 的数据怎么写得更优雅一点？

Question

如图这个slotProps 是子组件内部 抛出来的。它只能就地加工吗？我该以哪种姿势改造它？
我的代码调用了两次函数。其实一次就有结果了。。

Answer 1

这样呢？

<template v-slot:total="{ data }">
    <div>
        {{ void (temp = summaryMethod(data)) }}
        <div>当前页 总支出 {{ temp[0] }}</div>
        <div>总收入 {{ temp[1] }}</div>
    </div>
</template>