title: _vm.enterHit is not a function | vue.js
body: <pre><code>&lt;template&gt;
      &lt;div class="test"&gt;
          &lt;h1&gt;か&lt;/h1&gt;
  
          &lt;input type="text" v-model="userIn" v-on:keyup.enter="enterHit" id="tboxInput"&gt;
          &lt;button v-on:click="enterHit()"&gt;Next&lt;/button&gt;
      &lt;/div&gt;
  
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: 'test',
          data() {
              return {
                  title: 'Hello World',
                  userIn: "",
                  user: {
                      firstName: 'Taco',
                      lastName: 'Bell'
                  }
              }
          },
  
          methods: {
              enterHit: function(){
                  //validate
                  console.log("test");
              }
          }
      }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>New to Vue.js. Testing out v-on:keyup.enter functionality. Console in Firefox giving me an error: </p>
  
  <blockquote>
    <p>[Vue warn]: Property or method "enterHit" is not defined on the
    instance but referenced during render. Make sure that this property is
    reactive, either in the data option, or for class-based components, by
    initializing the property.</p>
    
    <p>TypeError: _vm.enterHit is not a function</p>
  </blockquote>
  
  <p>Test.vue component is being imported into my main App.vue, for reference.</p>