-
在src/router文件夾下的index.js中進行配置
image.png - 在main.js中調用index.js的配置：
import router from './router'
- App.vue頁面使用（展示）路由：
把這個標簽放到對應位置：
<router-view></router-view>
- 路由切換（原來的<a href=”XXX.html”>等地方）：把切換標簽和鏈接改成：
<router-link to="/">切換到HelloWorld組件</router-link>
當你點擊 <router-link> 時，這個方法會在內部調用，但是有時的需求是頁面不直接跳轉，有確認彈框或者其他事件，此時就需要在js中設置跳轉，常用的一種方法是 .$router.push(),該方法的參數(shù)可以是一個字符串路徑，或者一個描述地址的對象。
// 字符串
router.push('home')
// 對象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})
// 帶查詢參數(shù)，變成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})
頁面可以通過 $route.params.xxx 獲取上個頁面?zhèn)鬟f過來的數(shù)據(jù)
