Vueフレームワークでのメソッドの扱い

Vueでは、独自の関数を作成することができます。 Vueの用語では、これらは メソッドと呼ばれます。そのために用意されているのが プロパティ methods です。これは次のように 配置されます:

App.vueexport default {
  data() {
    
  },
  methods: {
    
  }
}

次からは簡潔にするため、 このように省略して記述します:

App.vuemethods: {
  
}

では、テスト用のメソッドを 何か作ってみましょう:

App.vuemethods: {
  show: function() {
    alert('!');
  }
}

このメソッドをテンプレート内で呼び出します。 この場合、ページ読み込みと同時に 実行されます:

App.vue<template>
  {{ show() }}
</template>