Vueフレームワークでのメソッドの扱い
Vueでは、独自の関数を作成することができます。
Vueの用語では、これらは
メソッドと呼ばれます。そのために用意されているのが
プロパティ methods です。これは次のように
配置されます:
export default {
data() {
},
methods: {
}
}
次からは簡潔にするため、 このように省略して記述します:
methods: {
}
では、テスト用のメソッドを 何か作ってみましょう:
methods: {
show: function() {
alert('!');
}
}
このメソッドをテンプレート内で呼び出します。 この場合、ページ読み込みと同時に 実行されます:
<template>
{{ show() }}
</template>
alertを使って現在の日付を表示する
メソッドを作成してください。