Vue の共通 A​​PI と高度な API の概要

Vue.nextTick( [コールバック, コンテキスト] )
vm.$nextTick( [コールバック] )
// 使用法 2
// Promise として使用 (2.1.0 以降の新機能)
Vue.nextTick()
 .then(関数() {
  // DOMが更新されました})

// カスタム オプション 'myOption' のハンドラーを挿入します。
Vue.mixin({
 作成: 関数 () {
  var myOption = this.$options.myOption
  if (myOption) {
   コンソールログ(myOption)
  }
 }
})

新しいVue({
 myOption: 'こんにちは!'
})
// => "こんにちは！"

vm.$forceUpdate()

// 使用法 1
Vue.set( ターゲット、キー、値 )
Vue.delete( ターゲット、キー )
// 使用法 2
vm.$set( ターゲット、キー、値 )
vm.$delete( ターゲット、キー )

<!-- 二重中括弧内 -->
{{ メッセージ | 大文字 }}

<!-- `v-bind` 内 -->
<div v-bind:id="rawId | formatId"></div>

// フィルターを登録する: {
 大文字にする: 関数 (値) {
  if (!value) が '' を返す
  値 = value.toString()
  戻り値.charAt(0).toUpperCase() + value.slice(1)
 }
}

// グローバル登録 Vue.filter('capitalize', function (value) {
 if (!value) が '' を返す
 値 = value.toString()
 戻り値.charAt(0).toUpperCase() + value.slice(1)
})

新しいVue({
 // ...
})

<!-- ページが読み込まれると、この要素がフォーカスを受け取ります --> 
<入力vフォーカス>

// グローバルカスタムディレクティブ `v-focus` を登録します
Vue.directive('focus', {
 // バインドされた要素が DOM に挿入されると...
 挿入: 関数 (el) {
  // 要素にフォーカス el.focus()
 }
})

// ローカルディレクティブを登録します。コンポーネントはディレクティブオプションも受け入れます。ディレクティブ: {
 集中：
  // 挿入された命令の定義: function (el) {
   el.フォーカス()
  }
 }
}

Vue.directive('my-directive', {
 バインド: 関数 () {},
 挿入: 関数 () {},
 更新: 関数 () {},
 コンポーネント更新: 関数 () {},
 アンバインド: 関数 () {}
})

// コンソールログ(vm.$root); 
vm.$root //インスタンスオブジェクト vm.$el //ルート要素（実際のDOM要素）
// コンソールログ(vm.$el);

vm.$el.innerHTML //ルート要素（実際のDOM要素）のコンテンツを取得します // console.log(vm.$el.innerHTML);

vm.$data //インスタンスの下のデータオブジェクト// console.log(vm.$data);

vm.$options //インスタンスの下にアイテムをマウントします// console.log(vm.$options);

vm.$props //コンポーネント間の通信用データ// console.log(vm.$props);

vm.$parent // コンポーネントでは、親要素を参照します // console.log(vm.$parent);

vm.$children // コンポーネント内で、子要素を参照します // console.log(vm.$children);

vm.$attrs //親コンポーネントから渡されたすべての属性を取得するために使用されます // console.log(vm.$attrs);

vm.$listeners //親コンポーネントから渡されたすべてのメソッドを取得するために使用されます // console.log(vm.$listeners);

vm.$slots //コンポーネント内のスロット// console.log(vm.$slots);

vm.$scopedSlots //スコープ付きスロットにアクセスするために使用されます // console.log(vm.$scopedSlots);

vm.$refs //DOM 要素を見つけるために使用 (追跡には ref を使用)
// console.log(vm.$refs);

vm.$watch //データを監視するために使用されます（vue ファイルで使用された後は自動的に破棄されます）
// コンソールログ(vm.$watch);

vm.$emit //イベントをディスパッチするために使用されます（通常はデータ通信に使用されます）
// コンソールログ(vm.$emit);

vm.$on //イベントディスパッチを監視するために使用されます// console.log(vm.$on);

vm.$once //イベントを一度だけリッスンします（その後はリッスンしません）
// コンソールログ(vm.$once);

//ライフサイクル beforeCreate() {
}
作成された() {
}
マウント前() {
}
マウント() {
}
更新前() {
}
更新された() {
}
破棄する前に() {
}
破壊された() {
}