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