メソッドに引数を与える ❏Vue.js❏

メソッドの引数に与えた数の倍数分カウントアップしていきます！

（例）３を与えるとこうなります。
↓

開発環境はJSFiddle https://qiita.com/ITmanbow/items/9ae48d37aa5b847f1b3b

html

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
  <p>{{ number }}</p>
  <button @click="countUp(3)">カウントアップ</button>
</div>

javascript

new Vue({
  el: "#app",
  data: {
    number: 0
  },
  methods: {
    countUp: function(times) {
      this.number += times;
    }
  }
})

①html側には引数3を与えます。
@click="countUp(3)"

②js側にはtimesとして引数を受け取ります。
countUp: function(times)

③引数分足します
this.number += times;

できあがり！

ではまた！