Vue是一款流行的前端開發框架，它支持用組件化的方式構建用戶界面，并且內置了一個路由系統，使得前端開發者可以很容易地實現頁面跳轉。而且，Vue在路由跳轉時還可以自動處理CSS改變，讓頁面的展示效果更為平滑。

// 在Vue中定義路由
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact }
];
// 創建Router實例
const router = new VueRouter({
routes // short for `routes: routes`
});
// 在Vue根實例中使用路由
const app = new Vue({
router
}).$mount('#app')

上述代碼中，我們首先定義了三個路由，分別對應著Home、About和Contact這三個組件。然后創建了一個Router實例，并將定義好的路由傳入其中。最后在Vue根實例中使用了創建好的路由，將組件掛載到DOM節點上。

在使用Vue的路由跳轉時，我們可以通過在template中使用router-link來實現，如下所示：

<template>
<div>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-link to="/contact">Contact</router-link>
<router-view></router-view>
</div>
</template>

上述代碼中，我們在template中使用了router-link來實現頁面的跳轉，并且通過to屬性設置了跳轉的目標路由。這樣，在用戶點擊link時，Vue會根據路由信息自動加載對應的組件，并且根據路由信息自動修改CSS，使得頁面的過渡效果更加流暢。

總之，在Vue中使用路由跳轉是非常方便的，不僅可以實現頁面的跳轉，還可以自動實現CSS的改變。這樣，我們就可以輕松地構建一個流暢且美觀的單頁應用程序。