【Vue.js】API一覧

VueのAPIについての一覧をみていきます。それぞれの詳細については随時追加していきます。

オプション/データ

コンポーネント内で使用するデータ定義やメソッドの定義です。

• data

コンポーネント内にデータや状態を持つ時に使用
【Vue.js】データ(data)の使用方法

• props

親コンポーネントから値や処理を受け取りたい場合に使用
【Vue.js】プロパティ(props)の使用方法

• propsData
• computed

コンポーネント内でデータ等から算出することのできるプロパティ
算出プロパティ(computed)の使用方法

• methods

コンポーネント内で使用することのできるメソッド
メソッド(methods)の使用方法

• watch

コンポーネント内のデータが変更された際に処理をしたい場合に使用します
【Vue.js】ウォッチャー(watch)の使用方法

オプション/DOM

• el
• template
• render
• renderError

オプション/ライフサイクルフック

コンポーネントのライフサイクルイベントによって呼ばれます。

• beforeCreate
• created
• beforeDestroy
• destroyed
• beforeMount
• mounted
• beforeUpdate
• updated
• activated
• deactivated
• errorCaptured

オプション/アセット

コンポーネント内で使用するコンポーネントやフィルターなどをアセットとして定義します。

• directives
• components
• filters

オプション/構成

継承やミックスインなどを使用する場合に記述します。

• parent
• mixins
• extends
• provide
• inject

オプション/その他

• name
• delimiters
• functional
• model
• inheritAttrs
• comments

ディレクティブ

• v-text
• v-html
• v-show
• v-if

条件によってコンポーネントをレンダリングしたい場合に使用します。
【Vue.js】条件付きレンダリング(v-if)の使用方法

• v-for
• v-on
• v-bind
• v-model
• v-slot
• v-cloak
• v-once

組み込みコンポーネント

• component
• trasition
• keep-alive

動的コンポーネントなどで入力やスクロールの状態を保持しておきたい場合に使用します。
【Vue.js】インスタンスキャッシュ(keep-alive)の使用方法

• slot