# Chương trình đầu tiên (ok)

src/App.vue

```
<template>
  <div id="app">
    <p>Click A {{ clickA() }} times</p>
    <p>Click B {{ clickB() }} times</p>
    <button v-on:click="a++">Click A</button>
    <button v-on:click="b++">Click B</button>
  </div>
</template>
<script>
export default {
  name: 'App',
  data () {
    return {
      a: 0,
      b: 0
    }
  },
  methods: {
    clickA: function () {
      console.log('gọi method clickA')
      return this.a
    },
    clickB: function () {
      console.log('gọi method clickB')
      return this.b
    }
  }
}
</script>

```

![](https://2312674349-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeXbfPqPP3ZSJVavefR%2F-MeXfOOSN8lomLqW_Bv6%2F-MeXhXNxgIfJTIm_zT7q%2FScreenshot_1.jpg?alt=media\&token=baaafa2c-e2a3-4af9-8fcd-02e9de094ee9)