使用vue-qr插件生成二维码，从下载到使用简单只要几分钟就能生成出你需要的二维码

1.下载vue-qr

npm install vue-qr --save

2.下载好后前往需要生成二维码的项目目录的node_modles下查看，是否已有

3.再去看看package.json中，vue-qr是否配置了版本号
（有些人是从别人那里拿过来的vue-qr文件，如果没有设置版本号，会出现白板效果 ）
切记！！！！版本号一定要配置好，特别是用内网开发的朋友，不能用npm下载就特别难受了。

4.配置好后，我们就可以进行在页面中调用vue-qr生成二维码了

<template>
      <!-- 二维码 -->
       <div id="qrcode">
              <vue-qr :logoSrc="pageData.sweepLogo" :text="pageData.path" :size="170" :margin="0" colorDark="rgb(66,37,185)" colorLight="white" style="padding: 5px;background: white" ref="sweepCode"></vue-qr>
       </div>
</template>

<script>
//导入二维码
import VueQr from 'vue-qr';
export default {
  components: {VueQr},//二维码
  data() {
    return {
        //二维码
        pageData: {
        sweepLogo: "",//二维码中间的图
        path:"hello world!",//这个就是二维码的文本
      },//二位码
      }
</script>
<style>
//CSS样式我就不写了
</style>

效果如下：

vue-qr其他参数，网上有太多教程了，我这里就不赘述了，如果需要设置其他的样式，可以自行百度。