【Vue】Vueの基本の用語

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;
こんな単純化できた！！