wps-view-vue的使用并且配合写一个具体使用的demo

好的，关于wps-view-vue的使用，我可以先简单介绍一下。

wps-view-vue是一个基于Vue框架的WPS文档在线预览组件，可以方便地将WPS文档（如.doc、.docx、.xls、.xlsx等）嵌入到网页中进行在线预览。

使用该组件需要先引入wps-view-vue组件，并在Vue实例中注册该组件，然后在模板中使用即可。

下面是一个简单的demo，假设你已经安装了wps-view-vue组件：

<template>
  <div>
    <wps-view-vue :fileUrl="fileUrl" :showToolbar="showToolbar" :showBreadcrumb="showBreadcrumb"></wps-view-vue>
  </div>
</template>

<script>
import WpsViewVue from 'wps-view-vue';

export default {
  name: 'Demo',
  components: {
    WpsViewVue,
  },
  data() {
    return {
      fileUrl: 'http://xxx.xxx.com/xxx.docx', // 文档的地址
      showToolbar: true, // 是否显示工具栏
      showBreadcrumb: true, // 是否显示面包屑
    };
  },
};
</script>

以上代码中，我们引入了wps-view-vue组件，并在Vue实例中注册了该组件。在模板中，我们使用了wps-view-vue组件，并通过props向组件传递了文档的地址、是否显示工具栏以及是否显示面包屑的参数。

当我们在浏览器中访问该页面时，就可以看到WPS文档被嵌入到网页中进行在线预览了。

希望这个demo能够帮到你！