[Vuejs]-Vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "add" is not defined on the instance but referenced during render

by

0👍

✅

The methods don’t belong in the data property:

<template>
  <div id="app">
   <h1>Hello</h1>
   <button @click="add"></button>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{}
  },
  methods:{
    add: function() {
      alert("hello");
    }
  }
}
</script>

Leave a comment