在H5中用vue3js使用httpsgithubcomgjToolpdfh5

首先，需要引入pdfh5的依赖和vue3.js的依赖。可以使用npm或yarn安装。

npm install pdfh5 vue@next

接着，在Vue组件中引入pdfh5。

<template>
  <div>
    <pdfh5 :src="pdfSrc" />
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import 'pdfh5/dist/pdfh5.css'
import Pdfh5 from 'pdfh5'

export default defineComponent({
  name: 'PdfViewer',
  components: {
    Pdfh5
  },
  data() {
    return {
      pdfSrc: 'https://pdfjs.express/sample/files/eeb7a4a0-8b7a-11ea-b1a7-0f6a8a8c6735.pdf'
    }
  }
})
</script>

在上面的示例中，我们使用了pdfh5组件并传入了一个pdf文件的链接作为src属性。pdfh5组件会自动加载并显示pdf文件。需要注意的是，我们还引入了pdfh5的样式文件。如果没有引入样式文件，则pdfh5组件可能无法正常显示。

最后，我们可以在应用程序中使用这个Vue组件。

<template>
  <div>
    <PdfViewer />
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import PdfViewer from './components/PdfViewer.vue'

export default defineComponent({
  name: 'App',
  components: {
    PdfViewer
  }
})
</script>