Counter.vue 546 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <h1>Counter</h1>
  3. <p>This is a simple example of an Vue component.</p>
  4. <p aria-live="polite">Current count: <strong>{{ currentCount }}</strong></p>
  5. <button class="btn btn-primary" @click="incrementCounter">Increment</button>
  6. </template>
  7. <script>
  8. export default {
  9. name: "Counter",
  10. data() {
  11. return {
  12. currentCount: 0
  13. }
  14. },
  15. methods: {
  16. incrementCounter() {
  17. this.currentCount++;
  18. }
  19. }
  20. }
  21. </script>