javascript - Vue 3 - 如何重命名通过 toRefs() 公开的保留关键字？

Question

使用 Vue 3 的 Composition API，是否可以在使用 toRefs() 时重命名保留关键字?
[vue/no-parsing-error] 解析错误:关键字'package'被保留。

setup(){
    const data = reactive<Foo>({
        ...
        package: {
            ...
        }
    })
    return { ...toRefs(data) }
}

<template>
    {{ package.bar }}
</template>

Answer 1

Linter 错误特指 {{ package.bar }}并且不直接反对 key，这是允许的。那个toRefs is in use 并不重要，因为它已经是具有讨论中属性的普通对象，并且本身不是响应式的:

{ ...toRefs(data) }

可以以 JavaScript 中可用的任何方式将不同的名称分配给对象属性，例如带有浅拷贝:

const { package: packageItem, ...dataRefs } = toRefs(data);
return { packageItem, ...dataRefs };