uniapp应用如何实现二维码生成和扫码识别

{
  "dependencies": {
    "uni-qr": "^1.0.0"
  }
}

<template>
  <view class="content">
    <qr :text="qrText" :size="qrSize"></qr>
  </view>
</template>

<script>
  import qr from 'uni-qr'

  export default {
    data() {
      return {
        qrText: 'http://www.example.com',
        qrSize: 200
      }
    },
    components: {
      qr
    }
  }
</script>

{
  "dependencies": {
    "uni.scanCode": "^1.0.0"
  }
}

<template>
  <view class="content">
    <view class="result">{{ scanResult }}</view>
    <button @click="scanCode">扫码识别</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        scanResult: ''
      }
    },
    methods: {
      scanCode() {
        uni.scanCode({
          success: (res) => {
            if (res.result) {
              this.scanResult = res.result
            }
          }
        })
      }
    }
  }
</script>