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

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

vue通過(guò)什么命令安裝路由

路由使用安裝步驟

步驟一: 安裝vue-router

npm install vue-router --save

步驟二:在模塊化工程中使用它(因?yàn)槭且粋€(gè)插件, 所以可以通過(guò)Vue.use0來(lái)安裝路由功能)

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

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

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

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

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

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

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

【