Vue hash模式是Vue路由提供的一種路由模式,它是通過URL中的#號來實現(xiàn)頁面跳轉,需要在Vue路由初始化時進行配置。相對于history模式,使用hash模式可以避免直接訪問URL時向服務器發(fā)起請求的問題,因為#后面的內容不屬于URL的一部分,不會被包括在HTTP請求中。
//Vue hash路由的初始化
const router = new VueRouter({
mode: 'hash', //設置為hash模式
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
}
]
})
在Vue hash模式中,通過改變URL中#后面的內容來實現(xiàn)不同頁面之間的跳轉。例如,訪問http://example.com/#/about 將會顯示關于頁面的內容。可以使用router.push方法進行編程式導航。
//跳轉到/about路由
router.push('/about');
當用戶在頁面中點擊鏈接時,Vue路由會自動進行hash跳轉,不需要手動刷新頁面。此外,Vue hash模式也支持通過瀏覽器的前進和后退按鈕來進行路由的切換。
上一篇python 金庸關系圖
下一篇vue grid 表頭