vue3 vue-pdf的具体使用

Vue3和vue-pdf都需要先安装，可以使用npm或yarn命令安装。

npm install vue@next
npm install vue-pdf

或

yarn add vue@next
yarn add vue-pdf

安装完成后，在需要使用的组件中引入vue-pdf组件。

<template>
  <div>
    <vue-pdf :src="pdfSrc"></vue-pdf>
  </div>
</template>

<script>
import { ref } from 'vue'
import { pdfjs } from 'vue-pdf'
import pdfFile from '../assets/sample.pdf'

export default {
  name: 'PdfViewer',
  components: {
    pdfjs
  },
  setup() {
    const pdfSrc = ref(pdfFile)
    return {
      pdfSrc
    }
  }
}
</script>

在上面的代码中，我们使用了`<vue-pdf>`组件来显示PDF文件，同时使用了Vue3中的`ref`来引用PDF文件的路径。我们还需要引入`pdfjs`以便于处理PDF文件。

在这个例子中，我们通过`setup()`函数来设置`pdfSrc`变量的值，这样Vue3就能够根据变量的值来显示PDF文件了。

这里我们使用了一个PDF文件作为示例，你可以使用你自己的PDF文件路径来代替示例中的路径。

以上是vue3 vue-pdf的具体使用，希望对你有所帮助。