說道預覽功能，其實跟vue沒有什么關系的，僅僅就是一個跳轉鏈接，微軟那邊有專門處理的web查看器
如何開始？
創建一個URL，按照以下的鏈接來創（支持https）：
http://view.officeapps.live.com/op/view.aspx?src= <文檔位置>
需要注意的是： <文檔位置>需要進行URL編碼，並且該文檔必須可以在Internet上公開訪問。
如何使用？
只要跳轉到你創建的url就行了
比如注入一段a標簽代碼
<a href="http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx"></a>
或者js跳轉也行，只要能夠跳轉到你創建的url就行了
window.open('http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx')
以下是微軟官方的一些實例：
- 在Microsoft Build會議上，有很多關於PowerPoint平台的演示。如果要觀看其中一個演示文稿的視頻，還可以使用Office Web Viewer查看附帶的PowerPoint演示文稿。http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx
- 在一個受歡迎的銀行網站上，官方找到了這個很棒的Wedding Budget Planner電子表格。為了預覽電子表格而不是下載電子表格，官方創建了一個Office Web Viewer鏈接。http://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Flearn.bankofamerica.com%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx
- 官方在Bing上找到的學校通訊模板。使用Office Web Viewer，您不必擔心學校中的每個人都可以查看Word文檔-現在他們所需要的只是瀏覽器。http://view.officeapps.live.com/op/view.aspx?src=newteach.pbworks.com%2Ff%2Fele%2Bnewsletter.docx
如果你想了解更多的話：可以前往官方文檔了解https://www.microsoft.com/en-us/microsoft-365/blog/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/