1. 安裝依賴：

	#docx文檔預覽組件
	npm install @vue-office/docx vue-demi@0.14.6
	#excel文檔預覽組件
	npm install @vue-office/excel vue-demi@0.14.6
	#pdf文檔預覽組件
	npm install @vue-office/pdf vue-demi@0.14.6

vue2.6版本或以下還需要額外安裝 @vue/composition-api

npm install @vue/composition-api

vue2中在components文件中寫個組件

<template><div><vue-office-docx v-if="type == 'docx'" :src="`${matchType(src)}`" @rendered="rendered" /><vue-office-excel v-if="type == 'excel'" :src="`${matchType(src)}`" @rendered="rendered" /><vue-office-pdf v-if="type == 'pdf'" :src="`${matchType(src)}`" @rendered="rendered" /></div></template><script>
import VueOfficeDocx from '@vue-office/docx';
import VueOfficeExcel from '@vue-office/excel';
import VueOfficePdf from '@vue-office/pdf';
export default {components: {VueOfficeDocx,VueOfficeExcel,VueOfficePdf},props: {src: {type: String,required: true},},data() {return {type: docx}},methods: {matchType(fileName) {// 后綴獲取var suffix = ''// 獲取類型結果var result = ''try {var flieArr = fileName.split('.')suffix = flieArr[flieArr.length - 1]} catch (err) {suffix = ''} }}}
</script><style></style>

?等數據接入再繼續更新?