提供一个在vue中使用office.js的例子

以下是一个示例代码，演示如何在 Vue 中使用 Office.js：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="getSelectedText">Get Selected Text</button>
  </div>
</template>

<script>
import * as OfficeHelpers from '@microsoft/office-js-helpers';
import * as OfficeCore from '@microsoft/office-js-helpers';
import * as Word from '@microsoft/office-js-helpers';

export default {
  name: 'ExampleComponent',

  data() {
    return {
      message: ''
    };
  },

  methods: {
    async getSelectedText() {
      try {
        await Word.run(async context => {
          const range = context.document.getSelection();
          range.load();
          await context.sync();
          this.message = range.text;
        });
      } catch (error) {
        console.error(error);
      }
    }
  },

  mounted() {
    OfficeHelpers.init();
  }
};
</script>

在这个示例中，我们引入了 `@microsoft/office-js-helpers`、`@microsoft/office-js-helpers` 和 `@microsoft/office-js-helpers` 这三个 Office.js 相关的库，然后在 `mounted()` 函数中调用了 `OfficeHelpers.init()` 来初始化 Office.js 库。

接着，在 `getSelectedText()` 方法中，我们使用 `Word.run()` 函数来执行 Word 中的命令，并尝试获取用户选择的文本。如果操作成功，我们将获取到的文本赋值给 `message` 数据，然后在模板中显示出来。

这只是一个简单的示例，如果您需要更复杂的功能，可以参考 Office.js 的官方文档，并根据自己的需求进行开发。