vue 字符串生成二维码的实现

要在 Vue 中生成二维码，可以使用 `qrcodejs2` 库。这是一个轻量级的 JavaScript 库，可以在浏览器中生成二维码。

首先安装 `qrcodejs2`：

npm install qrcodejs2

然后在 Vue 组件中引入库并使用它来生成二维码，如下所示：

<template>
  <div>
    <div ref="qrcode"></div>
  </div>
</template>

<script>
import QRCode from 'qrcodejs2';

export default {
  mounted() {
    const qrcode = new QRCode(this.$refs.qrcode, {
      text: 'https://example.com',
      width: 128,
      height: 128,
      colorDark: '#000000',
      colorLight: '#ffffff',
      correctLevel: QRCode.CorrectLevel.H
    });
  }
}
</script>

在上面的代码中，我们在组件的 `mounted` 钩子函数中创建了一个 `QRCode` 实例，并将其附加到一个名为 `qrcode` 的 div 元素上。在 `QRCode` 构造函数中，我们传递了一些配置选项，例如要生成的文本、二维码的宽度和高度、颜色、纠错级别等。

现在，当组件被渲染时，它会在 `qrcode` 元素中显示一个二维码，该二维码包含指定的文本。