vue vue-doc-preview 使用

要在Vue项目中使用vue-doc-preview，请按照以下步骤进行操作：

1. 首先，在终端中进入您的Vue项目目录。
2. 运行以下令来安装vue-doc-preview：

npm install vue-doc-preview --save

3. 在您的Vue组件中导入并注册vue-doc-preview：

<template>
  <div>
    <vue-doc-preview :src="docUrl" />
  </div>
</template>

<script>
import VueDocPreview from 'vue-doc-preview'

export default {
  components: {
    VueDocPreview
  },
  data() {
    return {
      docUrl: 'path/to/your/doc/file.doc' // 替换为您的.doc文件的路径
    }
  }
}
</script>

4. 在上面的代码中，将`path/to/your/doc/file.doc`替换为实际的.doc文件路径。

5. 确保您的Vue组件中有一个名为`docUrl`的数据属性，用于存储.doc文件的路径。

6. 运行您的Vue应用程序，您将看到.vue组件中预览.doc文件的效果。

请注意，vue-doc-preview仅支持预览.doc文件，不支持其他文件类型。确保您提供正确的.doc文件路径，并确保您的Vue项目已正确安装和配置vue-doc-preview。