在Vue中，頁(yè)面跳轉(zhuǎn)主要依賴于Vue Router。具體來(lái)說(shuō)，我們需要首先將Vue Router引入到我們的項(xiàng)目中：

import VueRouter from 'vue-router'

然后，我們需要定義路由。路由就是指不同的URL對(duì)應(yīng)不同的頁(yè)面，我們需要根據(jù)URL的變化，來(lái)實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)。在Vue中，我們可以通過(guò)定義一個(gè)路由表，來(lái)實(shí)現(xiàn)路由的映射。

const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact }
]

這里，我們定義了三個(gè)路由，分別對(duì)應(yīng)著三個(gè)頁(yè)面：Home、About和Contact。其中，path表示URL，component表示對(duì)應(yīng)的頁(yè)面組件。

接著，我們需要?jiǎng)?chuàng)建Vue Router實(shí)例，并將路由表傳入：

const router = new VueRouter({
routes
})

最后，我們需要將Vue Router實(shí)例綁定到Vue實(shí)例中：

const app = new Vue({
router
}).$mount('#app')

這樣，我們就完成了Vue Router的初始化。接下來(lái)，我們就可以在頁(yè)面中使用路由了。

要跳轉(zhuǎn)到指定的頁(yè)面，我們需要使用Vue Router提供的router-link組件。在需要跳轉(zhuǎn)的位置上，將router-link組件添加到HTML標(biāo)簽中即可：

HomeAboutContact

這里，to屬性需要指定我們要跳轉(zhuǎn)到的URL。點(diǎn)擊router-link組件后，Vue Router會(huì)自動(dòng)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。

如果我們需要通過(guò)JavaScript的方式來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)，則可以使用Vue Router提供的$router.push()方法。例如，我們可以在組件的方法中使用$router.push()方法來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)：

methods: {
goToAbout () {
this.$router.push('/about')
}
}

這里，$router.push()方法傳入需要跳轉(zhuǎn)到的URL即可實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。

除了$router.push()方法，Vue Router還提供了其它一些方法，例如：$router.replace()、$router.go()等。這些方法可以幫助我們實(shí)現(xiàn)更加靈活的頁(yè)面跳轉(zhuǎn)需求。