路由介紹
通俗解釋：網(wǎng)址
專業(yè)解釋：每次GET或者POST等請(qǐng)求退唠，在服務(wù)端有一個(gè)專門的正則配置列表，然后匹配到具體的一條路徑后，分發(fā)到不同的Controller，然后進(jìn)行各種操作后酌泰，最終將html或數(shù)據(jù)返回給前端，這就完成了一次IO匕累。前端路由陵刹，即由前端來維護(hù)一個(gè)路由規(guī)則。SPA只有一個(gè)html欢嘿，整個(gè)網(wǎng)站所有的內(nèi)容都在這一個(gè)html里衰琐，通過js來處理巡验。
1.開始
1.在html文件內(nèi)
router-link標(biāo)簽
默認(rèn)渲染為a標(biāo)簽， to后面接路徑（to="/xxx"）
router-view標(biāo)簽
路由匹配到的組件將在該標(biāo)簽范圍內(nèi)渲染
2.在js文件內(nèi)
代碼參考腳手架中router文件夾下的index.js
1.導(dǎo)入vue和vue-router,調(diào)用Vue.use(Router) ?
2.定義路由組件 （對(duì)應(yīng)hello）
例子： constFoo = { template:'foo'}
? ? ? ? ? ? constBar = { template:'bar'}
3.定義路由碘耳，每個(gè)路由應(yīng)該映射一個(gè)(應(yīng)該也能多個(gè))組件 （對(duì)應(yīng)routes：[]）
例子：const routes = [
{ path:'/foo', component: Foo },
{ path:'/bar', component: Bar }
]
4.創(chuàng)建router實(shí)例，傳‘routes’配置 (對(duì)應(yīng)new Router ,前面大概可加可不加變量名框弛，好像var vm = new Vue)··
constrouter =newVueRouter({
routes// （縮寫）相當(dāng)于 routes: routes})
5.創(chuàng)建和掛載根實(shí)例
// 記得要通過 router 配置參數(shù)注入路由辛辨，// 從而讓整個(gè)應(yīng)用都有路由功能
constapp =newVue({
router
}).$mount('#app')
// 現(xiàn)在，應(yīng)用已經(jīng)啟動(dòng)了瑟枫！
第五點(diǎn)為摘抄斗搞，本人暫不理解
2.動(dòng)態(tài)路由匹配
我們經(jīng)常需要把某種模式匹配到的所有路由，全都映射到同個(gè)組件（還不懂）.那么慷妙，我們可以在vue-router的路由路徑中使用『動(dòng)態(tài)路徑參數(shù)』（dynamic segment）來達(dá)到這個(gè)效果：
routes: [// 動(dòng)態(tài)路徑參數(shù) 以冒號(hào)開頭{ path:'/user/:id', component: User }]
route信息 ：$route.params （eg.$route.params.id）僻焚，$route.query,$route.hash
