wps-view-vue 的下载使用 请用vue写一个demo

好的，这是一个简单的 demo，通过引入 wps-view-vue 组件，我们可以在 Vue 中使用 wps-view 的下载功能。代码如下：

<template>
  <div>
    <wps-view-downloader :file="file" @success="onSuccess" @error="onError"/>
  </div>
</template>

<script>
import WpsViewDownloader from 'wps-view-vue/dist/WpsViewDownloader'

export default {
  name: 'WpsViewDownloaderDemo',
  components: {
    WpsViewDownloader
  },
  data () {
    return {
      file: 'http://example.com/your-wps-file-url'
    }
  },
  methods: {
    onSuccess (blob) {
      // 下载成功回调函数
      console.log(blob)
      // 操作下载好的文件流
    },
    onError (error) {
      // 下载失败回调函数
      console.log(error)
    }
  }
}
</script>

在这个 demo 中，我们引入了 wps-view-downloader 组件，通过传递一个文件地址 `file`，我们可以下载指定文件，并通过 `success` 和 `error` 事件监听下载的状态。当下载成功时，我们通过回调函数 `onSuccess` 获取到下载的文件流，可以进行相应的操作。当下载失败时，我们通过回调函数 `onError` 获取到失败的错误信息。