首页 > 专栏 > 前端 > 文章详情
Vue 选择何种模式的路由及底层原理 发布于:2021-05-03 21:02:37   来源:Vue   查看:36  讨论:0
路由分为两种模式:History模式和hash模式。mbf易塔云建站-模板下载,web开发资源,技术博客
mbf易塔云建站-模板下载,web开发资源,技术博客
hash模式特点:mbf易塔云建站-模板下载,web开发资源,技术博客
带#号,不利于SEO,不利于页面锚点的传递。mbf易塔云建站-模板下载,web开发资源,技术博客
history模式特点:mbf易塔云建站-模板下载,web开发资源,技术博客
需要后端的配合,IE9不兼容。mbf易塔云建站-模板下载,web开发资源,技术博客
使用:声明实例的时候,改成history即可
const router = new VueRouter({ mode: 'history', routes, })
IE9不兼容处理:使用强制刷新的模式。当我们请求页面的时候,不再去通过Ajax接口去访问数据,再去渲染。而是使用强制刷新的行为,当前页面的URLmbf易塔云建站-模板下载,web开发资源,技术博客
会强制刷新。mbf易塔云建站-模板下载,web开发资源,技术博客
mbf易塔云建站-模板下载,web开发资源,技术博客
vue-router的底层原理简析:mbf易塔云建站-模板下载,web开发资源,技术博客
mbf易塔云建站-模板下载,web开发资源,技术博客
mbf易塔云建站-模板下载,web开发资源,技术博客
mbf易塔云建站-模板下载,web开发资源,技术博客
路由是通过 Vue.util.defineReactive 这样一个API,把我们的路由变成了一个响应式的。通过mbf易塔云建站-模板下载,web开发资源,技术博客
router-link,$router.push,a href和手动更改URL的这些行为,去触发里面的一个updateRouter,由蓝色API,完成响应式的改变,响应式完成以后,就会自动触发router-view的更新。

评论

  • 匿名