Vue:在方法中怎样获取data的值

Lasted 2020-03-07 11:55:02

在 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 数据