scrollBehavior是Vue Router自帶的一個屬性，可以用來設置路由切換時頁面滾動行為的方式。它有三個取值：

// 將頁面滾動到頂部，等同于此語法：`window.scroll(0, 0)`
scrollBehavior(to, from, savedPosition) {
return { x: 0, y: 0 }
}
// 保持原先的滾動位置不變
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}
// 滾動到指定的選擇器位置
scrollBehavior(to, from, savedPosition) {
if (to.hash) {
return {
selector: to.hash
}
} else {
return { x: 0, y: 0 }
}
}

其中第一個是將頁面滾動到頂部，第二個是保持原先的滾動位置不變，第三個是滾動到指定的選擇器位置。

我們可以將scrollBehavior添加到Vue Router的配置中：

const router = new VueRouter({
mode: 'history',
routes: [...],
scrollBehavior(to, from, savedPosition) {
// ...
}
})

這樣在路由切換時，就會自動按照我們指定的滾動行為方式來滾動頁面。