vue3使用rqcode

Vue 3 中可以使用第三方库 `qrcode` 来生成二维码。可以通过 npm 安装 `qrcode`：

npm install qrcode --save

然后，在 Vue 组件中可以引入该库并使用：

import QRCode from 'qrcode'

export default {
  data() {
    return {
      qrCodeUrl: '' // 用于存储生成的二维码图片地址
    }
  },
  mounted() {
    // 生成二维码
    QRCode.toDataURL('https://www.example.com')
      .then(url => {
        this.qrCodeUrl = url
      })
      .catch(error => {
        console.error(error)
      })
  }
}

在模板中，可以使用 `img` 标签来显示生成的二维码图片：

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