vue中生成二维码的插件

Vue.js中生成二维码的插件有很多，其中比较常用的是 `vue-qrcode` 和 `vue-qr`。

1. `vue-qrcode`：这是一个基于Vue.js的二维码生成器插件，使用简单方便。你可以在项目中通过npm安装它：

npm install vue-qrcode

然后在Vue组件中使用它：

<template>
  <div>
    <qrcode :value="text"></qrcode>
  </div>
</template>

<script>
import QRCode from 'vue-qrcode'

export default {
  data() {
    return {
      text: 'https://www.example.com' // 二维码的内容
    }
  },
  components: {
    qrcode: QRCode
  }
}
</script>

2. `vue-qr`：这也是一个基于Vue.js的二维码生成器插件，支持自定义样式。你同样可以通过npm安装它：

npm install vue-qr

然后在Vue组件中使用它：

<template>
  <div>
    <vue-qr :text="text" :size="200" bgColor="#ffffff" fgColor="#000000"></vue-qr>
  </div>
</template>

<script>
import VueQr from 'vue-qr'

export default {
  data() {
    return {
      text: 'https://www.example.com' // 二维码的内容
    }
  },
  components: {
    'vue-qr': VueQr
  }
}
</script>

以上是两个常用的Vue.js二维码生成插件，你可以根据自己的需求选择其中一个使用。希望对你有所帮助！