_vm.enterHit 不是函数 | Vue.js

Question

<template>
    <div class="test">
        <h1>か</h1>

        <input type="text" v-model="userIn" v-on:keyup.enter="enterHit" id="tboxInput">
        <button v-on:click="enterHit()">Next</button>
    </div>

</template>

<script>
    export default {
        name: 'test',
        data() {
            return {
                title: 'Hello World',
                userIn: "",
                user: {
                    firstName: 'Taco',
                    lastName: 'Bell'
                }
            }
        },

        methods: {
            enterHit: function(){
                //validate
                console.log("test");
            }
        }
    }
</script>

<style scoped>

</style>

Vue.js 新手。测试 v-on:keyup.enter 功能。 Firefox 中的控制台给我一个错误：

[Vue 警告]：属性或方法“enterHit”未在 实例，但在渲染期间引用。确保此属性是 反应式，无论是在数据选项中，还是对于基于类的组件，通过 初始化属性。

TypeError: _vm.enterHit 不是函数

Test.vue 组件正在导入到我的主 App.vue 中，以供参考。

Answer 1

在我添加了这些方法之后，需要手动刷新浏览器。我依靠开发服务器（npm run dev）来更新页面。