もこたんぺ Learning Note

自分が勉強する上でわからなかったことを理解を深めていくためにまとめていく。

Vueインスタンスプロパティ

el

Vueインスタンスを結びつけるHTML要素を指定。

このプロパティで指定した要素の配下のみVue.jsが有効になる。

data

Vue.jsで扱うデータを入れておく場所。

このデータをHTMLファイルから読み込み画面に表示することができる。

methods

Vue内で扱えるメソッド(機能)を定義する場所。

他の関数やHTMLテンプレート内から呼び出して使うことができる。

computed

算出プロパティと呼ばれる関数を定義する場所。

computedは、dataプロパティと同様に、データの変化を画面に即時反映するが、computedはデータに何らかの加工をしてから反映させる場合に使う。

template

コンポーネントを定するときに出力されるHTMLテンプレート。

JavaScriptコンポーネントを作成する際によく使われる。

components

外部モジュールとして取り込んだコンポーネントを登録し、HTMLテンプレートとして扱えるようにする。