Vue 3使用qrcode

在Vue 3中使用qrcode需要先安装qrcode库，可以通过npm安装：

npm install qrcode

然后在Vue组件中引入qrcode库：

import QRCode from 'qrcode'

export default {
  data() {
    return {
      qrcodeUrl: ''
    }
  },
  mounted() {
    this.generateQRCode('https://www.example.com')
  },
  methods: {
    generateQRCode(url) {
      QRCode.toDataURL(url)
        .then(url => {
          this.qrcodeUrl = url
        })
        .catch(err => {
          console.error(err)
        })
    }
  }
}

在模板中使用生成的二维码URL：

<template>
  <div>
    <img :src="qrcodeUrl" alt="QR Code">
  </div>
</template>

这样就可以在Vue 3中使用qrcode生成二维码了。