初步文件预览组件构建

web/src/components/office/docx.vue

@@ -0,0 +1,36 @@
+<template>
+  <vue-office-docx :src="docx" @rendered="rendered">
+
+  </vue-office-docx>
+</template>
+<script>
+export default {
+  name: "Docx"
+}
+</script>
+<script setup>
+import {ref, watch} from 'vue'
+
+// 引入VueOfficeDocx组件
+import VueOfficeDocx from '@vue-office/docx'
+// 引入相关样式
+import '@vue-office/docx/lib/index.css'
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: () => ""
+  }
+})
+const docx = ref(null)
+watch(
+    () => props.modelValue,
+    value => docx.value = value,
+    {immediate: true}
+)
+const rendered = () => {
+}
+</script>
+<style lang="scss" scoped>
+
+</style>