API

最終更新日: 2020年9月5日

グローバル設定

Vue.config は Vue のグローバル設定を含んでいるオブジェクトです。あなたのアプリケーションが読み込まれる前に、下記のプロパティを変更することができます:

silent

optionMergeStrategies

devtools

errorHandler

warnHandler

2.4.0 から新規

ignoredElements

keyCodes

performance

2.2.0 から新規

productionTip

2.2.0 から新規

グローバル API

Vue.extend( options )

Vue.nextTick( [callback, context] )

Vue.set( target, propertyName/index, value )

Vue.delete( target, propertyName/index )

Vue.directive( id, [definition] )

Vue.filter( id, [definition] )

Vue.component( id, [definition] )

Vue.use( plugin )

Vue.mixin( mixin )

Vue.compile( template )

Vue.observable( object )

2.6.0 から新規

Vue.version

オプション / データ

data

props

propsData

computed

methods

watch

オプション / DOM

el

template

render

renderError

2.2.0 から新規

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

全てのライフサイクルフックは、データ、算出プロパティ、およびメソッドにアクセスできるようにするために、自動的にインスタンスに束縛する this コンテキストを持っています。これは、ライフサイクルメソッドを定義するためにアロー関数を使用すべきではないこと (例 created: () => this.fetchTodos()) を意味します。アロー関数は、this が期待する Vue インスタンスではなく、this.fetchTodos が undefined になるため、親コンテキストに束縛できないことが理由です。

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

activated

deactivated

beforeDestroy

destroyed

errorCaptured

2.5.0 から新規

オプション / アセット

directives

filters

components

オプション / 構成

parent

mixins

extends

provide / inject

2.2.0 から新規

オプション / その他

name

delimiters

functional

model

2.2.0 からの新機能

inheritAttrs

2.4.0 から新規

comments

2.4.0 から新規

インスタンスプロパティ

vm.$data

vm.$props

2.2.0 の新機能

vm.$el

vm.$options

vm.$parent

vm.$root

vm.$children

vm.$slots

vm.$scopedSlots

2.1.0 から新規

vm.$refs

vm.$isServer

vm.$attrs

2.4.0 から新規

vm.$listeners

2.4.0 から新規

インスタンスメソッド / データ

vm.$watch( expOrFn, callback, [options] )

オブジェクトまたは配列を変更する(というよりむしろ置換する)とき、それらは同じオブジェクト/配列を参照するため、古い値は新しい値と同じになることに注意してください。Vue は変更前の値のコピーしません。

vm.$set( target, propertyName/index, value )

vm.$delete( target, propertyName/index )

インスタンスメソッド / イベント

vm.$on( event, callback )

vm.$once( event, callback )

vm.$off( [event, callback] )

vm.$emit( eventName, […args] )

インスタンスメソッド / ライフサイクル

vm.$mount( [elementOrSelector] )

vm.$forceUpdate()

vm.$nextTick( [callback] )

vm.$destroy()

ディレクティブ

v-text

v-html

v-show

v-if

v-else

v-else-if

2.1.0 から新規

v-for

v-on

v-bind

v-model

v-slot

v-pre

v-cloak

v-once

特別な属性

key

ref

is

slot 非推奨

2.6.0 以降では v-slot を使うこと

slot-scope 非推奨

2.6.0 以降では v-slot を使うこと

scope 削除

2.5.0 以降では slot-scope で置き換え。2.6.0 以降では v-slot を使うこと

<template> 要素がスコープ付きスロットとなることを示すために使われます。

組み込みコンポーネント

component

transition

transition-group

keep-alive

slot

VNode インターフェイス

サーバサイドレンダリング