vue3 使用插件在线预览word及excel

要在 Vue3 中使用插件在线预览 Word 和 Excel，可以使用 `vue-office-online` 插件。该插件基于 Office Online API，可以在浏览器中预览和编辑 Word、Excel、PowerPoint 和 OneNote 文档。

以下是如何在 Vue3 中使用 `vue-office-online` 插件的步骤：

1. 安装 `vue-office-online` 包。可以使用 npm 或 yarn 进行安装：

   npm install vue-office-online
   # 或者
   yarn add vue-office-online

2. 在需要使用插件的组件中导入 `vue-office-online` 包：

   import VueOfficeOnline from 'vue-office-online'

3. 在组件中注册 `vue-office-online` 插件：

   export default {
     components: {
       VueOfficeOnline
     }
   }

4. 在模板中使用 `vue-office-online` 组件，并传递 `src` 属性指定要预览的文档 URL：

   <template>
     <div>
       <vue-office-online :src="documentUrl" />
     </div>
   </template>

其中 `documentUrl` 是一个变量，可以根据需要设置为 Word 或 Excel 文档的 URL。

5. 运行应用程序并查看结果。现在，您应该能够在应用程序中看到预览的 Word 或 Excel 文档。

请注意，要使用 `vue-office-online` 插件，您需要有 Microsoft Office Online 帐户，并且需要在 Azure Active Directory 中注册应用程序并获取应用程序 ID 和机密。在使用插件之前，请确保已正确配置这些凭据。