在vue中，通過“npm install vue-router –save”命令安裝路由；npm是包管理工具，“npm install”命令會把指定的包安裝在指定的目錄中，“vue-router”路由就是決定數(shù)據(jù)包從來源到目的地的路徑。

本文操作環(huán)境：windows10系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vue通過什么命令安裝路由

路由使用安裝步驟

步驟一: 安裝vue-router

npm install vue-router --save

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

第一步:在router目錄下的index.js文件中導(dǎo)入路由對象,并且調(diào)用

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

第二步:創(chuàng)建路由實例.并且導(dǎo)出路由，使用routers設(shè)置路由配置信息

export default new Router({  //創(chuàng)建路由對象   routes: [{      path: '/',       name: 'HelloWorld',       component: HelloWorld     }  ]})

第三步:在Vue實例中導(dǎo)入路由，并掛載創(chuàng)建的路由實例

import router from './router' //導(dǎo)入路由 new Vue({   el: '#app',   router,//掛載路由 })

路由的是否使用的區(qū)別

【