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

应用示例src\components\common\CommonFileManager.vue// 文件预览抽屉实例对象 const filePreviewDrawerRef refInstanceTypetypeof BaseFilePreviewDrawer | null(null); // 预览文件相关状态 const { currentPreviewFile, fetchPreviewFile } usePreviewFile(); // 文件阅览抽屉实例对象 const fileBrowseDrawerRef refInstanceTypetypeof 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(); };