ホームページ  >  記事  >  ウェブフロントエンド  >  vue はルーティングをインストールするためにどのようなコマンドを使用しますか?

vue はルーティングをインストールするためにどのようなコマンドを使用しますか?

WBOY
WBOYオリジナル
2022-03-24 15:54:525757ブラウズ

vue では、「npm install vue-router --save」コマンドを使用してルーティングをインストールします。npm はパッケージ管理ツールであり、「npm install」コマンドは、指定されたパッケージを指定されたディレクトリにインストールします。 vue -router」ルーティングは、送信元から宛先までのデータ パケットのパスを決定することです。

vue はルーティングをインストールするためにどのようなコマンドを使用しますか?

#この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vue はルーティングのインストールにどのコマンドを使用しますか

ルーティング使用法のインストール手順

ステップ 1: vue-router のインストール

npm install vue-router --save

ステップ 2: モジュラー プロジェクトで使用します (プラグインなので、Vue.use0 を通じてルーティング機能をインストールできます)

ステップ 1: Index.js ファイルrouter ディレクトリにルーティング オブジェクトをインポートし、

import Router from 'vue-router'  
Vue.use(VueRouter)

を呼び出します。 ステップ 2: ルーティング インスタンスを作成し、ルートをエクスポートし、ルーターを使用してルーティング構成情報を設定します。

export default new Router({  //创建路由对象
  routes: [{
     path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }  ]})

ステップ 3: ルーティングをインポートします。 Vue インスタンス、作成したルーティング インスタンスをマウントします

import router from './router' //导入路由
new Vue({
  el: '#app',
  router,//挂载路由
})

ルーティングを使用するかどうかの違い

vue はルーティングをインストールするためにどのようなコマンドを使用しますか?

[関連する推奨事項: "

vue.js チュートリアル 》]

以上がvue はルーティングをインストールするためにどのようなコマンドを使用しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。