speech.addEventListener问题

环境vue3，页面监听事件后，关闭页面没有移除事件，再次打开会继续新增事件监听，依次多次打开监听事件不断叠加，导致事件信息找不到，建议增加一个移除事件的方法。

<script setup>  
    import { onMounted, onUnmounted, reactive, ref } from "vue";  
    const info = reactive({  
        title: '',  
        text: '',  
        result: '',  
        volume: '0px',  
        partial: ''  
    })  
    const emits = defineEmits(['success']);  

    onMounted(() => {  
        // #ifdef APP-PLUS  
        plus.speech.addEventListener('start', onSpeechStart, false);  
        plus.speech.addEventListener('volumeChange', onVolumeChange, false);  
        plus.speech.addEventListener('recognizing', onRecognizing, false);  
        plus.speech.addEventListener('recognition', onRecognition, false);  
        plus.speech.addEventListener('end', onSpeechEnd, false);  
        // #endif  
    })  

    function onSpeechStart() {  
        info.title = '倾听中...';  
        info.text = '';  
        console.log(info.result);  
    }  

    function onVolumeChange(e) {  
        info.volume = 200 * e.volume + 'px';  
    }  

    function onRecognizing(e) {  
        info.partial = e.partialResult;  
    }  

    function onRecognition(e) {  
        info.partial = e.result;  
        if (e.result) {  
            info.text += e.result;  
            info.result = info.text;  
        }  
    }  

    function onSpeechEnd() {  
        info.result = info.text;  
        info.title = '未开始';  
        info.volume = '0px';  
        info.partial = ''  
    }  

    function startRecognize() {  
        plus.speech.startRecognize({ engine: 'baidu', lang: 'zh-cn', 'userInterface': false, 'continue': true });  
    }  

    function endRecognize() {  
        plus.speech.stopRecognize();  
    }  

    function submitHandle() {  
        emits('success', info.result || '');  
    }  
</script>