@click で実行するメソッドに引数を渡す

参考コード

App.vue
<template>
  <div id="app">
    <h2 @click="nakanishiClick">Nakanishi</h2>
    <h2 @click="superClick('引数です');">Super</h2>
  </div>
</template>

<script>
const number = 2 * 10;
console.log(number);

export default {
  data() {
    return {
      vueNumber: number,
      name: "nakanishi"
    };
  },
  methods: {
    superClick(value) {
      alert(value);
    },
    nakanishiClick() {
      alert("Nakanishi");
    }
  }
};
</script>

注意事項

  • 引数を文字列にする場合は、'' シングルクオートで囲むこと
  • React に慣れている人には不自然に思うかもしれないが、() を書いても実行はされずにハンドラーとして追加される