Laravel 與 Vue.js 是兩個非常流行的框架，它們之間的結(jié)合能夠打造出很多高效且優(yōu)質(zhì)的 Web 應(yīng)用。而在 Laravel Vue 項目中，考慮到頁面路由跳轉(zhuǎn)的問題，我們經(jīng)常會使用到 Vue Router。

const router = new VueRouter({
mode: 'history',
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
},
/* additional routes */
]
})

在 VueRouter 的實例化配置中，設(shè)定了路由的模式為“history”，這會使得 URL 中的散列部分被忽略掉，而以實際的 URL 地址作為路由地址。路由地址的配置在 routes 數(shù)組中，以對象形式呈現(xiàn)。objects 對象的屬性包括 path 表示路由地址，name 表示路由名稱，component 表示路由所綁定的組件。

HomeAbout

在前端視圖中，我們可以將路由地址配置為 to 屬性，以 router-link 標(biāo)簽呈現(xiàn)。若是要跳轉(zhuǎn)到 Home 頁面，則 to 屬性的值應(yīng)該為“/”，而如果是要跳轉(zhuǎn)到 About 頁面，則 to 屬性的值應(yīng)該是“/about”。“/”表示根路由，而“/about”是以根路由為父路由的子路由。

Laravel Vue Router 的應(yīng)用非常廣泛，并且支持 RESTful API，如果您要打造更加便捷、流暢的 Web 應(yīng)用，那么這個組合無疑是您不容錯過的。