用vue写一个word预览的功能代码

以下是一个基本的 Vue 组件，用于在页面上预览 Word 文档：

<template>
  <div>
    <object :data="docUrl" type="application/msword"></object>
  </div>
</template>

<script>
export default {
  props: {
    // Word 文档的 URL
    docUrl: {
      type: String,
      required: true
    }
  }
}
</script>

在这个组件中，我们使用了 `<object>` 标签来显示 Word 文档。我们将 Word 文档的 URL 作为 prop 传递给组件，并在 `<object>` 标签的 `data` 属性中使用它。

请注意，为了正确显示 Word 文档，我们还需要在 `<object>` 标签中设置 `type` 属性为 `application/msword`。这告诉浏览器将文档解释为 Word 文档而不是普通的 HTML 文件。

当然，您还需要处理 Word 文档的加载和错误处理等问题，但这个组件可以作为一个基本的起点。