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

WBOY
リリース: 2022-03-24 15:54:52
オリジナル
5777 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート