一周伦、理解概念
1夕春、路由：路由就是指向的意思，白話來說就是點擊什么按鈕专挪，然后就跳轉(zhuǎn)到對應(yīng)的頁面內(nèi)容及志。如：點擊按鈕home片排，跳轉(zhuǎn)到home頁面。
2速侈、理解route,routes,router
????? route,是路由的意思率寡，如home按鈕 點擊到頁面? home，這個就是一條route,定義route分為兩部分倚搬，其一是path路徑冶共，其二是component組件 =====>{path:'/home ',component:home}。
????? 而routes是復數(shù)每界，可以把routes看做route的集合/數(shù)組捅僵。
????? router就當做一個管理者，去管理路由的眨层。當用戶點擊home按鈕的時候庙楚，請求到home頁面內(nèi)容，router知道了谐岁，就去管理了醋奠，然后就去了routes里去找到那個具體的route，找到了對應(yīng)的home頁面內(nèi)容伊佃，被渲染出來窜司。
3、路徑和組件是對應(yīng)起來的航揉，再在頁面中渲染出來塞祈。
4、把所要點擊的按鈕用<router-link to=' '></router-link>包裹起來帅涂。
5议薪、router-link渲染成了<a>標簽，to=''引號里的渲染成了<a>標簽的href
二媳友、實例
實現(xiàn)效果斯议，點擊“人”，調(diào)轉(zhuǎn)到登錄頁面醇锚，如下圖
這里的登錄頁面的內(nèi)容我就簡單寫了幾個字哼御。
步驟：
1、新建組件login.vue焊唬；
2恋昼、在App.vue中定義<router-view></router-view>;
3、在home.vue中定義點擊后跳轉(zhuǎn)到哪個路徑（因為我的點擊按鈕存在于home.vue中）赶促；如下圖
使用<router-link to=" "></router-link>?????? 引號內(nèi)填入要跳轉(zhuǎn)的路徑
4液肌、在mian.js里定義router，就是定義路徑到組件的映射
???? 1）引入組件
???? 2）告訴vue使用vueRouter
???? 3)?? 配置路由
???? 4）注入到根實例中
如下圖：
三鸥滨、注意點
1嗦哆、路由的路徑一定要配置正確谤祖；新手容易搞不懂路徑的正確寫法，可以去查找一下：這里簡單說一下
"./" ====>當前目錄下
"../" ====>當前目錄下的上一級目錄
而配置路由的時候吝秕，前面不需要“.”
????????? 一開始我因為路由的路徑寫錯了泊脐，導致頁面渲染不出來，如下圖烁峭，是錯誤的路徑容客，只是加了‘./’
