Vue-router的基本用法
路由中有三個(gè)基本的概念 route, routes, router购裙。
1析苫、 route晨另,它是一條路由潭千,由這個(gè)英文單詞也可以看出來(lái),它是單數(shù)借尿, Home按鈕 => home內(nèi)容刨晴, 這是一條route, news按鈕 => news內(nèi)容, 這是另一條路由。
2割捅、 routes 是一組路由奶躯,把上面的每一條路由組合起來(lái),形成一個(gè)數(shù)組亿驾。[{home 按鈕 =>home內(nèi)容 }嘹黔, { news按鈕 => news內(nèi)容}]
3、 router 是一個(gè)機(jī)制莫瞬,相當(dāng)于一個(gè)管理者儡蔓,它來(lái)管理路由。因?yàn)閞outes 只是定義了一組路由疼邀,它放在哪里是靜止的喂江,當(dāng)真正來(lái)了請(qǐng)求,怎么辦旁振? 就是當(dāng)用戶點(diǎn)擊home 按鈕的時(shí)候获询,怎么辦?這時(shí)router 就起作用了拐袜,它到routes 中去查找吉嚣,去找到對(duì)應(yīng)的 home 內(nèi)容,所以頁(yè)面中就顯示了 home 內(nèi)容蹬铺。
4尝哆、客戶端中的路由,實(shí)際上就是dom 元素的顯示和隱藏甜攀。當(dāng)頁(yè)面中顯示home 內(nèi)容的時(shí)候秋泄,news中的內(nèi)容全部隱藏,反之也是一樣规阀『阈颍客戶端路由有兩種實(shí)現(xiàn)方式:基于hash 和基于html5 history api.