vue使用docx.js加载docx文件

要在Vue中使用docx.js库加载docx文件，可以将上述JS代码放在Vue组件中的`mounted`生命周期函数中，同时使用Vue的数据绑定功能将HTML内容渲染到模板中。

首先，在Vue组件中引入docx.js和JSZip库：

import DocxToHtml from 'docx-to-html';
import JSZip from 'jszip';

然后，在Vue组件中使用以下代码加载docx文件：

export default {
  data() {
    return {
      html: ''
    };
  },
  mounted() {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', 'path/to/your/docx/file.docx', true);
    xhr.responseType = 'arraybuffer';

    xhr.onload = () => {
      let data = new Uint8Array(xhr.response);
      let docx = new DocxToHtml(data, JSZip);
      this.html = docx.convert();
    };

    xhr.send();
  }
};

其中，`path/to/your/docx/file.docx`是你要加载的docx文件的路径。在加载完成后，`html`属性中就保存了docx文件转换后的HTML内容。

最后，在模板中使用Vue的数据绑定功能将HTML内容渲染到页面中：

<template>
  <div v-html="html"></div>
</template>

这样，你就可以在Vue中使用docx.js库加载docx文件并将其渲染到页面中了。