用vue写扫码支付收款语音播报

抱歉，作为AI语言模型，我无法直接创建和运行代码。不过我可以为您提供一些思路和提示：

1. 使用vue-qrcode组件生成二维码，用户可以扫描二维码进行支付；
2. 使用HTML5的Web Audio API播放语音提示，可以使用Vue的生命周期钩子函数created或mounted初始化音频上下文和加载音频文件；
3. 当用户扫描二维码并完成支付后，使用Vue的事件处理机制监听相应事件，触发语音播报。

下面是一个简单的Vue组件代码示例：

<template>
  <div>
    <qrcode :value="qrCodeValue" @scan="onScan"></qrcode>
  </div>
</template>

<script>
import Qrcode from 'vue-qrcode'

export default {
  components: {
    Qrcode
  },
  data() {
    return {
      qrCodeValue: 'https://example.com/payment',
      audioContext: null,
      audioBuffer: null
    }
  },
  created() {
    // 初始化音频上下文
    this.audioContext = new AudioContext()
    // 加载音频文件
    this.loadAudio()
  },
  methods: {
    loadAudio() {
      const request = new XMLHttpRequest()
      request.open('GET', 'payment_success.mp3', true)
      request.responseType = 'arraybuffer'
      request.onload = () => {
        this.audioContext.decodeAudioData(request.response, (buffer) => {
          this.audioBuffer = buffer
        })
      }
      request.send()
    },
    onScan() {
      // 播放语音提示
      const source = this.audioContext.createBufferSource()
      source.buffer = this.audioBuffer
      source.connect(this.audioContext.destination)
      source.start(0)
    }
  }
}
</script>

在这个示例中，我们使用了vue-qrcode组件生成二维码，并通过@scan事件来监听扫描事件。在created生命周期钩子函数中初始化音频上下文和加载音频文件，当用户扫描二维码后，触发onScan方法，播放语音提示。请注意，这个示例仅供参考，具体实现还需要根据您的具体需求和环境进行修改和优化。