vue实现扫描二维码功能

要实现 Vue 扫描二维码功能，可以使用第三方库 `vue-qrcode-reader`。下面是具体的实现步骤：

1. 安装 `vue-qrcode-reader`：

npm install vue-qrcode-reader --save

2. 在 Vue 组件中引入 `vue-qrcode-reader`：

import QrcodeReader from 'vue-qrcode-reader'

3. 注册 `vue-qrcode-reader` 组件：

export default {
  components: {
    QrcodeReader
  },
  // ...
}

4. 在 Vue 模板中使用 `vue-qrcode-reader` 组件：

<template>
  <div>
    <qrcode-reader @decode="onDecode"></qrcode-reader>
    <div v-if="result">{{ result }}</div>
  </div>
</template>

5. 实现 `onDecode` 方法来处理扫描到的二维码数据：

export default {
  // ...
  methods: {
    onDecode (result) {
      this.result = result
    }
  }
}

需要注意的是，`vue-qrcode-reader` 依赖于 `jsqrcode` 和 `qrcode-decoder` 库，因此需要在 HTML 中引入这两个库：

<script src="https://cdn.rawgit.com/LazarSoft/jsqrcode/master/src/qr_packed.js"></script>
<script src="https://cdn.rawgit.com/sitepoint-editors/jsqrcode/master/src/qr_packed.js"></script>
<script src="https://cdn.rawgit.com/sitepoint-editors/qrcode-decoder/master/js/qrcode-decoder.min.js"></script>

以上就是使用 `vue-qrcode-reader` 实现 Vue 扫描二维码功能的步骤。