Vue.js Counter

App.vue.js

<template>
  <div id="app">
    <p>{{counter}}</p>
    <button @click="onAdd">add</button>
    <button @click="onMinus">minus</button>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  data: () => ({
    counter: 0
  }),
  methods: {
    onAdd() {
      this.counter += 1
    },
    onMinus() {
      this.counter -= 1
    }
  },
  components: {
    // HelloWorld
  }
}
</script>