vue透過什麼指令安裝路由

在vue中，透過「npm install vue-router --save」指令安裝路由；npm是套件管理工具，「npm install」指令會把指定的套件安裝在指定的目錄中，「vue -router」路由就是決定封包從來源到目的地的路徑。

本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。

vue透過什麼指令安裝路由

路由使用安裝步驟

#步驟一: 安裝vue-router

npm install vue-router --save

#步驟二:在模組化工程中使用它(因為是一個插件, 所以可以透過Vue.use0來安裝路由功能)

第一步:在router目錄下的index.js文件中導入路由物件,並且呼叫

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

第二步:建立路由實例.並且匯出路由，使用routers設定路由設定資訊

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

第三步:在Vue實例中匯入路由，並掛載創建的路由實例

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

路由的是否使用的區別

【相關推薦：《vue.js教程 》】

以上是vue透過什麼指令安裝路由的詳細內容。更多資訊請關注PHP中文網其他相關文章！