Vue：在方法中怎樣獲取data的值

在 Vue methods 方法中，可以通過 this.$data 變量獲取 data 中的數據，如下所示：

<template>

  <div id="example">
    <button v-on:click="addCounter">Add 1</button>
    <p>The button above has been clicked {{ counter }} times.</p>
  </div>

</template>

<script>
  export default {
    name: 'Data',
    data() {
      return {
        counter: 0
      }
    },
    methods: {
      addCounter() {
        this.$data.counter += 1
      }
    }
  }
</script>

在 addCounter 方法中，可以通過 this.$data 操作 counter 數據