1. 首先通過npm i vue-router
2. 引入到路由配置js檔案,同時這個js檔案也要引入vue,然後vuerouter掛載到全域性使用
import vuerouter from 'vue-router'
import vue from 'vue'
// 掛載到全域性使用
vue.use(vuerouter)
3. new乙個vuerouter,然後配置路由檔案,其中要注意,配置檔案是routes:[ ] , routes和component這兩個單詞千萬別寫錯,不然不會顯示
const router = new vuerouter(
]})
4.匯出路由模組,在入口檔案main.js中進行引入
export default router
附加: 我們也可以在一級路由裡面配置二級路由,方法如下
const router = new vuerouter(]
}]})
Vue Router引數使用
doctype html en utf 8 路由,重定向,引數傳遞 title vue.js script vue router.js script head 用router link導航,並傳引數 h3 方式1 passenger 李四 456788766554434567 router1 rou...
vue Router基本使用
在建立過程中,路由元件和普通元件是一模一樣的,使用方法不一樣。所有的路由配置放在一起應該是個陣列,單個的路由配置應該是個物件,物件中有很多固定的屬性 表示路由路徑,配置後可以去訪問對應的路由,並且將對應的元件顯示在 router view 中 表示路由元件的配置,和path一一對應,當匹配到對應的p...
vue router使用總結
基礎寫法 將router的配置分離出去 router.js 定義路由表 const routes 乙個物件,就是乙個路由表配置項 必須配置的是path,component 建立路由物件 const router newrouter 向外輸出路由 export default router main....