javascript - Vue のデータは Ajax を通じて取得され、Vue がインスタンス化されます。ページがロードされた後に最初に実行される Ajax リクエストを制御し、リクエストが成功した後に Vue をインスタンス化するにはどうすればよいでしょうか?

Question

Vue のデータは Ajax を通じて取得され、Vue がインスタンス化されます。
ページが読み込まれた後に最初に実行される Ajax リクエストを制御し、リクエストが成功した後に Vue をインスタンス化するにはどうすればよいですか?

Answer 1

onload イベントは Ajax リクエストにバインドされ、成功したコールバックで Vue がインスタンス化されます。

Answer 2

昨日、Baidu で同様の質問を見ました
どこから来たのか聞きたいのですが。

なぜこれをするのか知りたいですか？

私の答えは次のとおりです。これはお勧めできません。

Answer 3

作成済みでリクエストできます

ページをリクエストを待機させないことをお勧めします。そうしないとページが空白になります。

作成時に、マウントしても結果が得られない場合は、読み込みアニメーションをリクエストできます

ユーザーのインターネット速度が悪く、読み込みアニメーションが表示されない場合、最初に考えられるのは Web サイトの問題です。読み込みアニメーションがあり、リクエストを待っていることがわかります

ユーザーが理解しやすいように読み込みアニメーションを使用します

Answer 4

リーリー

リクエストが成功するまで待ってから、関数を実行して vue をインスタンス化します。

Answer 5

実際、これは非常に一般的な要件です。

この時点で初めて Vue をインスタンス化できます data可以没有值，界面上展示loading或"正在加载"之类的提示，同时在实例的created钩子中发起数据请求，得到数据后给实例赋值就行了，vm.data = ajaxData。

Answer 6

リーリー

$(document).ready() は、ページがロードされた後に内部の関数を実行することを意味します。
jquery ajax の beforeSend に読み込みプロンプトを書きます。成功するとプロンプトがクリアされ、データがない場合はインスタンス化されます。これは、先ほど書いたものです。最近のインターンシップは非常に充実していると個人的に感じています。

Answer 7

これは技術的な問題ではなく、製品の設計の問題です。なぜそのような設計になっているのかを製品に尋ねる必要があるかもしれません。