vue3中ES6 对象解构赋值中的重命名语法（如：预览文件和阅览文件）

应用示例：

src\components\common\CommonFileManager.vue

// 文件预览抽屉实例对象 const filePreviewDrawerRef = ref<InstanceType<typeof BaseFilePreviewDrawer> | null>(null); // 预览文件相关状态 const { currentPreviewFile, fetchPreviewFile } = usePreviewFile(); // 文件阅览抽屉实例对象 const fileBrowseDrawerRef = ref<InstanceType<typeof BaseFileBrowseDrawer> | null>(null); // 阅览文件相关状态，与预览文件使用相同的hook，通过 ES6 对象解构赋值中的重命名语法，有效管理变量（内存地址不同） const { currentPreviewFile: currentBrowseFile, fetchPreviewFile: fetchBrowseFile } = usePreviewFile(); // 预览文件 const preview = async (fileId: number) => { currentFileId.value = fileId; await fetchPreviewFile(fileId); // 显示文件预览模态框 filePreviewDrawerRef.value?.openDrawer(); }; // 阅览文件 const browse = async (fileId: number) => { currentFileId.value = fileId; await fetchBrowseFile(fileId); // 显示文件阅览模态框 fileBrowseDrawerRef.value?.openDrawer(); };