vue関数呼び出しシーケンスの操作方法

今回はvue関数の呼び出しシーケンスの操作方法と、vue関数の呼び出しシーケンスを操作する際の注意点を紹介します。以下は実際のケースですので見ていきましょう。

createdとreadyはどちらもvueコンポーネントのライフサイクルです

created

タイプ: 関数

詳細:

はインスタンスの作成後に同期的に呼び出されます。この時点で、インスタンスはオプションの解析を完了しています。これは、データ バインディング、計算されたプロパティ、メソッド、ウォッチャー/イベントコールバックが確立されていることを意味します。しかし、DOM のコンパイルはまだ開始されておらず、$el はまだ存在しません。

ready

タイプ: Function

詳細:

コンパイルの終了後、および最初にアタッチされたフックの後など、ドキュメントの最初の挿入後に呼び出されます。これは、Vue の挿入によってトリガーされる必要があることに注意してください (たとえば、最初にアタッチされたフックの後など、vm.el が初めてドキュメントを挿入した後、呼び出されます。Vue の挿入によってトリガーされる必要があることに注意してください (たとえば、vm .appendTo() および他のメソッドまたは命令 update)) 準備完了フック。

compted は

computed:{ 
b:function(){ 
return this.a+1 
} 
}

などの計算された属性です。その後、b の値は a にリンクされ、これは常に a + の値と等しくなります。 1. a の値が変更されると、それも変更されます

Vue の ajax ライブラリの推奨事項 vue-resource を使用すると、通常、シングルページ アプリケーションであれば準備完了でデータを取得できます。

route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}

などの

ルーティング

ライフサイクルに従ってデータを取得できます。この記事の事例を読んで方法を習得したと思います。その他のphp中国語Webサイトの関連記事にも注目してください。

お勧めします!読書:

JS データ分析スキルの概要

JS で DOM イベント バインディングを使用するためのヒント

以上がvue関数呼び出しシーケンスの操作方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。