Vueには基本となる３つのしくみがあります。
・ディレクティブ
・算出プロパティ/メソッド
・ライフサイクルフック
・アロー関数
それぞれ説明します。
ディレクティブ
ディレクティブとは
<p v-text=”abc”></p>
のように
●v-xxxxx
の部分を言います。
算出プロパティ
算出プロパティとは、計算や関数をプロパティで返す事です。
ライフサイクルフック
ライフサイクルフック
とは、vueの稼働のタイミングによって処理を切り分けることです。
例えば、データの初期化前に処理させるには
beforeCreate: function(){alert(‘start’);}
コンポーネントがページに紐づいた時に処理させるには
mounted: function(){alert(‘end’);}
アロー関数
アロー関数は関数を簡単に書き換える事が出来ます
例えばこんな関数が
const test = function( abc ){returnabc * abc;}
こうする事ができます。
const test = ( abc ) => abc * abc;
こんな単純化できた！！