Vue hash模式是Vue路由提供的一種路由模式,它是通過(guò)URL中的#號(hào)來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn),需要在Vue路由初始化時(shí)進(jìn)行配置。相對(duì)于history模式,使用hash模式可以避免直接訪問(wèn)URL時(shí)向服務(wù)器發(fā)起請(qǐng)求的問(wèn)題,因?yàn)?后面的內(nèi)容不屬于URL的一部分,不會(huì)被包括在HTTP請(qǐng)求中。
//Vue hash路由的初始化
const router = new VueRouter({
mode: 'hash', //設(shè)置為hash模式
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
}
]
})
在Vue hash模式中,通過(guò)改變URL中#后面的內(nèi)容來(lái)實(shí)現(xiàn)不同頁(yè)面之間的跳轉(zhuǎn)。例如,訪問(wèn)http://example.com/#/about 將會(huì)顯示關(guān)于頁(yè)面的內(nèi)容??梢允褂胷outer.push方法進(jìn)行編程式導(dǎo)航。
//跳轉(zhuǎn)到/about路由
router.push('/about');
當(dāng)用戶在頁(yè)面中點(diǎn)擊鏈接時(shí),Vue路由會(huì)自動(dòng)進(jìn)行hash跳轉(zhuǎn),不需要手動(dòng)刷新頁(yè)面。此外,Vue hash模式也支持通過(guò)瀏覽器的前進(jìn)和后退按鈕來(lái)進(jìn)行路由的切換。