如何在vuejs中简单地实现webkitSpeechRecognition？

import webkitSpeechRecognition from 'webkitSpeechRecognition';

data() {
  return {
    speechRecognition: null,
    transcript: ''
  };
},

mounted() {
  this.speechRecognition = new webkitSpeechRecognition();
  this.speechRecognition.continuous = true; // 设置连续识别
  this.speechRecognition.lang = 'en-US'; // 设置语言
  this.speechRecognition.interimResults = true; // 设置返回中间结果
  this.speechRecognition.onresult = this.handleSpeechResult; // 设置识别结果回调函数
},

methods: {
  handleSpeechResult(event) {
    const result = event.results[event.results.length - 1][0].transcript;
    this.transcript = result;
  }
},

<template>
  <div>
    <input type="text" v-model="transcript" />
  </div>
</template>

this.speechRecognition.start();