vue 怎樣模擬瀏覽器控制臺輸出？

手機端看console.log()不方便，寫了個組件直接顯示在屏幕上

<template>
    <ul class="log-screen">
        <li v-for="(log, index) in dataLog">{{log.text}}<i v-if="log.repeat">{{log.repeat}}</i></li>
    </ul>
</template>
<script>
export default {
    name: "log-screen",
    data() {
        return {
            lastMsg:'',
            dataLog:[{
                text:"",
                repeat:2
            }]
        };
    },
    methods: {
        log(l){
            if (lastMsg === l) {
                let idx = this.dataLog.length-1;
                this.dataLog[idx].repeat += 1;
            }else{
                this.dataLog.push({
                    text:l,
                    repeat:0
                });
            }
        }
    },
}

請問這樣寫合適嗎？