用vue生成二维码
前言：本次demo主要实现生成二维码的两种方法。
方式一：使用vue-qr插件实现生成二维码；
准备工作：安装vue-qr：npm i vue-qr --save
在组件中引入vue-qr：
div代码：
data中的属性：
需要注意的是：关于二维码中间logo图片，如果你是放在项目的assets里边的一定要使用require('url')形式去加载logo图片，不然报下边的错误：
到这里其实使用vue-qr生成二维码已经完成了。
方式2：使用QRCode实现生成二维码
引入QRCode组件：
template中的代码：
data中的代码：
默认生成的二维码周边是有空白的margin，因为默认margin是4，我这里不想要空白区域，所以将margin设置为0
methods代码：
声明生成二维码的方法：
message为需要用来转成二维码的数据信息，开发中一般肯定是通过接口获取，或是其他url传过来的；
options是一个对象，也就是data中声明的options，用来对生成二维码时的尺寸及其他信息的配置对象。
mounted代码：
到这里，使用QRCode生成二维码也实现了。