传统方式:通过改变浏览器地址栏的 URL 来实现
window.location.href = '/new-page'
<a href="/new-page">跳转到新页面</a>
会导致整个页面重新加载
会触发浏览器向服务器发送新的请求
页面状态不会保留,所有资源重新加载
可以避免新上线的内容因用户未刷新浏览器导致的不兼容问题
前端路由:在不重新加载整个页面的情况下,通过 JavaScript 动态改变浏览器地址栏的 URL 并更新页面内容
不会触发页面完全刷新
只更新变化的内容,不刷新整个页面
保留应用状态
提供更流畅的用户体验