メソッドに任意の数値を引数として渡す

参考コード

  • メソッドに引数として任意の値を与える
  • メソッド側で受け取って、それを増やす数に使用する
App.vue
<template>
  <div id="app">
    <h2>{{ number }}</h2>
    <button @click="add(1);">+1</button> 
    <button @click="add(10);">+10</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: 0
    };
  },
  methods: {
    add(val) {
      this.number = this.number + val;
    }
  }
};
</script>

<style>
#app {
  font-size: 30px;
}
</style>