vue生成二维码

1. QRCode生成二维码插件
   使用方法：
   第一步：按需引入 import QRCode from "qrcodejs2"
   第二步：npm install --save qrcodejs2

qrCodeUrl  为存放二维码的div块
new QRCode(this.$refs.qrCodeUrl, {
        text:`https://www.baidu.com`,
        width: 100,
        height: 100,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H
      });

（注意事项：生成的二维码宽高小于100的时候会读取不到信息，生成的二维码信息不够齐全，模糊），故有了一下插件替代：
2. VueQr生成二维码
使用方法：
第一步：import VueQr from "vue-qr";
第二步：npm install vue-qr --save
第三步：页面引入该组件

  components: {
    VueQr
  },

第四步：页面使用组件<VueQr :size='80' :margin='0' :text='测试文字'></VueQr>
参数说明：size:生成二维码宽度，margin二维码边距，text二维码内容

VueQr较QRCode生成二维码插件，生成二维码更清晰，能生成内容长度更多的二维码内容，二维码大小能设置成较小区域