History vue router是一個非常流行的Vue路由庫。它廣泛地用于創建單頁應用程序(SPA)。它允許你管理你的應用程序中的所有路由,并且可以用于控制頁面的加載和渲染。
通過使用Vue Router,你可以輕松地定義和管理不同頁面之間的路由關系。Vue Router支持各種路由模式,如history, hash和abstract等。其中,history模式是Vue Router中最常用的一種路由模式。
在history模式下,運用Vue Router來進行頁面路由的切換,并且可以使瀏覽器的URL與當前路由保持同步。當用戶點擊瀏覽器的前進和后退按鈕時,Vue Router可以自動幫助你恢復所有頁面的狀態和數據。
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import About from '../views/About.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
在上面的代碼中,我們首先引入Vue和Vue Router,然后定以路由映射列表,以及每個路由對應的組件(這些組件是我們在其他文件中編寫的)。接下來,我們創建了一個Vue Router實例,并將路由映射列表用作參數進行了實例化,并設置了路由的模式為history模式。
總之,History vue router是一款非常方便使用的Vue路由庫,它可以幫助我們輕松地定義和管理不同頁面之間的路由關系,為我們的SPA應用程序提供良好的路由控制和維護管理。有興趣的話,建議可以自行了解一下!