VUE 使用u-qrcode组件，实现自定义子组件，由父组件传参时生成二维码

Vue.js 中，使用 u-qrcode 组件来实现自定义子组件生成二维码，通常涉及以下几个步骤：

1. 安装 `vue-uqrcode` 库：首先，你需要安装这个库到你的项目中。如果是使用 npm，可以在终端中运行 `npm install vue-uqrcode` 或 `yarn add vue-uqrcode`。

2. 引入组件：在你的 .vue 文件里，导入 u-qrcode 组件：

<template>
  <div>
    <!-- 子组件将会在这里 -->
    <u-qrcode :data="qrCodeData"></u-qrcode>
  </div>
</template>

<script>
import UQrcode from 'vue-uqrcode'

export default {
  components: {
    UQrcode
  },
  data() {
    return {
      qrCodeData: '' // 用于存储要生成二维码的数据
    }
  },
  props: {
    generateQRCode: { // 父组件传递给子组件的数据
      type: String,
      required: true
    }
  },
  mounted() {
    this.qrCodeData = this.generateQRCode;
  }
}
</script>

3. 父组件调用子组件：在父组件中，你可以传入你要生成二维码的信息（如 URL、文本等）作为 `generateQRCode` 属性：

<!-- 父组件 -->
<child-component :generateQRCode="customQRCodeContent" />

4. 自定义内容：如果需要动态生成二维码，可以根据父组件的状态变化来更新 `qrCodeData`。

现在，当父组件 `customQRCodeContent` 发生变化时，子组件会自动更新展示的新二维码内容。