如何在vue中链接到pdf？

npm install vue-router

import Vue from 'vue'
import Router from 'vue-router'
import PdfViewer from '@/components/PdfViewer'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/pdf',
      name: 'PdfViewer',
      component: PdfViewer
    }
  ]
})

<template>
  <div>
    <pdf :src="pdfUrl"></pdf>
  </div>
</template>

<script>
import { pdf } from 'vue-pdf'

export default {
  name: 'PdfViewer',
  components: {
    pdf
  },
  data() {
    return {
      pdfUrl: 'path/to/your/pdf/file.pdf'
    }
  }
}
</script>

<router-link to="/pdf">查看PDF</router-link>