Vue プロジェクトはデフォルトでハッシュ モードでルーティングされますか?

Vue プロジェクト ルーティングのデフォルトはハッシュ モードです。このモードには URL に「#」記号が含まれています。アンカー ポイント「#」を使用すると、同じページ上の異なる ID に対応する場所にジャンプできます。 URL のハッシュ。値は完全な URL をシミュレートするためのルートとして使用されます。ハッシュの変更により hashChange イベントがトリガーされ、ブラウザによって記録されます。ブラウザの前方および後方を使用できます。

このチュートリアルの動作環境: Windows 10 システム、Vue3 バージョン、Dell G3 コンピューター。

vue プロジェクトはデフォルトでハッシュ モードになっていますか?

vue プロジェクトはデフォルトでハッシュ モードになっています

ハッシュ モード

1. Vue-router のデフォルトはハッシュ モードです

2. URL に "#" 記号があります

3. ハッシュ値 (" の後の値) #") は http リクエストに含まれないため、ハッシュ値を変更してもページはリロードされません。

4. ハッシュの変更は hashChange イベントをトリガーし、ブラウザーによって記録されます。ブラウザーの「進む」ボタンと「戻る」ボタンを使用できます。

5. ハッシュは IE8 以降と互換性があります

6. hashHistory オブジェクトが作成されます。異なるルートにアクセスすると、次の 2 つのことが起こります:

• HashHistory.push() は、ブラウザ履歴のスタックの先頭に新しいルートを追加します。

• HasHistory.replace() は、それを現在のスタックに置き換えます。

ハッシュ モードとヒストリ モードの最も直接的な違いは、アドレス バーに「#」記号が含まれるかどうかです。

vue スキャフォールディングで構築されたプロジェクトのルーティングは、デフォルトでハッシュ モードになります。

ハッシュ モード:

ルーティング インスタンスを作成するとき、履歴モードを使用するには、mode: "history" 属性を追加します。

const router = new VueRouter({
  routes,
  mode: "history"})

履歴モード:

[関連する推奨事項: 「

vue.js チュートリアル

」]

以上がVue プロジェクトはデフォルトでハッシュ モードでルーティングされますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。