求教：小程序开发中not defined的问题

vue开发小程序

我觉得我在data return 中有定义comment，为何一触发点击事件就被报错，说我comment未定义代码如下：

<template>
    <div class="content">
        <textarea v-model='comment'
              class='textarea'
              :maxlength='100'
              placeholder='请输入图书短评'></textarea>
        <button @click="addTest" class="btn">发布</button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            comment: '',

        }
    },
    methods: {
        addTest(){
            console.log(comment)
            const data = {
                comment: this.comment,
            }
            console.log(comment)
        }

    }

}
</script>

<style>

</style>

我发现问题了，两个console.log(comment)的存在导致的问题，想要打印应该使用console.log(data)，还是应该加强学习和基础知识的理解，这个问题不应该