[vue]在vue中使用web speech 语音转文字

<template>
    <div>
        <button @click="startRecord">开始</button>
        <button @click="endRecord">结束</button>
    </div>
</template>

<script>

    export default {
        name: "VoiceInteraction",
        data () {
            return {
                speechContent: '',
                voiceContent: '',
                recognition: '',
                resContent: '',
                resContent1: '',
                allContent: ''
            }
        },
        methods: {
            startRecord () {
                this.recognition.start()
              
                //打印说话的内容
                console.log(this.voiceContent);
            },
           endRecord () {
                this.recognition.stop()
           }
        },
        created () {
            this.recognition = new webkitSpeechRecognition();
            this.recognition.continuous = true;
            this.recognition.interimResults = true;
            this.recognition.lang = 'cmn-Hans-CN'; //普通话 (中国大陆)

            this.recognition.onresult = (event) => {
                let current = event.resultIndex;

                // 获取此前所说话的记录
                this.voiceContent = event.results[current][0].transcript;
                console.log(this.voiceContent);
            };
        }
    }
</script>

楼主这是完整的代码么