ビュースパとはどういう意味ですか?

vue では、spa の正式名称は「シングルページ アプリケーション」で、中国語で「単一ページ アプリケーション」を意味します。Web ページが 1 つだけあるアプリケーションです。単一の HTML ページを読み込み、ユーザーがページを動的に更新する Web アプリケーションのときにアプリケーションと対話します。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。 Vue の

SPA

#SPA (シングルページ アプリケーション、シングルページ アプリケーション)。単一の HTML ページをロードし、ユーザーがアプリケーションを操作するときにそのページを動的に更新する Web アプリケーション。

Web ページの初期化時に、対応する HTML、JavaScript、CSS を読み込みます。ページがロードされると、SPA はユーザーの操作によってページをリロードしたりジャンプしたりすることはなく、ルーティング メカニズムを使用して HTML コンテンツの変更、UI とユーザー間の対話を実装し、ページのリロードを回避します。

従来のマルチページ プログラムとの違い:

従来のマルチページ プログラム: サーバーへの各リクエストは完全なページを返します

シングル ページ アプリケーション: 初回ページ読み込み時のみ、以降のリクエストで必要なデータのみを取得し、ページ内のjsを解析して取得したデータをページ上に表示します。 ：

1 リクエスト量を削減し、ページの応答速度を高速化し、サーバーへの負荷を軽減します。 2 ユーザーエクスペリエンスが向上し、ユーザーはネイティブの滑らかさを感じることができますWeb アプリ内のアプリ

欠点:

このテクノロジーでは Ajax が使用されているため、ページは SEO に役立ちませんが、他のテクノロジーを使用して回避できます (SEO の原則: 検索 エンジンのスパイダーは、href の一般的なハイパーリンクのみを認識しますが、JavaScript コードは認識しません。一般的なハイパーリンクに遭遇するとクロールしますが、JavaScript に遭遇するとクロールしません。つまり、 、検索エンジンは、AJAX によって動的にロードされたコンテンツをキャッチできません。)

1) サーバー側レンダリング 2) ページの静的化 (特にクローラー用に準備)

主な技術点:

1 ajax 2 アンカーポイントの使用 (window.location.hash #)

3 hashchange イベント

実装アイデア:

アンカー ポイント値の変化を監視し、さまざまなアンカー値に応じて対応するデータを要求します。 1 アンカー ポイント (#) は元々、ページ内にジャンプし、対応するデータを見つけて表示するために使用されていました。 content

2 SPA 、アンカー ポイントは、さまざまなリソースのリクエスト、データのリクエスト、およびコンテンツの表示のための識別子として使用されます

[関連する推奨事項: 「

vue.js チュートリアル

」 ]

以上がビュースパとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。