VUE根据json数据生成二维码

生成二维码可以使用第三方库，比如`qrcodejs2`。在Vue中使用该库可以按照以下步骤：

1. 安装`qrcodejs2`库

npm install qrcodejs2 --save

2. 在Vue组件中引入该库

import QRCode from 'qrcodejs2'

3. 在Vue组件中定义一个方法，该方法接收一个json数据，并生成二维码

generateQRCode(jsonData) {
  const qrcode = new QRCode('qrcode-container', {
    text: JSON.stringify(jsonData),
    width: 200,
    height: 200,
    colorDark: '#000000',
    colorLight: '#ffffff',
    correctLevel: QRCode.CorrectLevel.H
  })
}

4. 在Vue组件的`mounted`生命周期中调用该方法，并将需要生成二维码的json数据传递给该方法

mounted() {
  const jsonData = {
    name: '张三',
    age: 18,
    address: '北京市朝阳区'
  }
  this.generateQRCode(jsonData)
}

5. 在Vue组件的模板中定义一个`div`元素，用来显示二维码

<template>
  <div id="qrcode-container"></div>
</template>

以上就是基于`qrcodejs2`库在Vue中生成二维码的步骤。注意，在使用`qrcodejs2`库时，需要在`options`中传递二维码的相关配置，比如二维码的宽度、高度、颜色等。