關於vue router使用步驟

2021-10-06 10:36:35 字數 571 閱讀 2522

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....