参考コード

  • @click でクリック時に実行するメソッドを参照
  • methods プロパティに、メソッドを定義
  • クリックすると実行される
App.vue
<template>
  <div id="app" @click="superClick">
    <h2 @click="nakanishiClick">Nakanishi</h2>
  </div>
</template>

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

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

注意点

  • methods というように複数形である
  • methods というプロパティの中にさらにメソッドを書いていくので、入れ子が深く間違えやすい