vue 面试题 vue |
您所在的位置:网站首页 › vue-routet › vue 面试题 vue |
vue router 目前支持三种模式。 hash 模式,html5模式和memory模式,常用的是前两种。 1 hash 模式 基于location.hash来实现的,location.hash的值就是URL中#后面的内容,对seo有不好的影响。 1)URL中hash值是客户端的一种,也就是说当服务器发送请求时,hash部分不会被发送,改变hash不会重新加载页面 2)hash值得改变,会在浏览器访问历史记录中增加一条记录,因此我们可以通过回退,前进按钮控制hash切换 3)可以使用hashchange事件来监听hash值得变化 2 html模式 html5 提供了History API history.pushState()和history.repalceState(),可以不进行刷新的情况下,操作历史记录,需要在服务器上添加一个简单的回退路由,如果url不匹配任何静态资源,应提供程序中的index.html 相同的页面。 1)pushState 和 replaceState 两个API操作实现URL的变化 2)我们可以使用popstate事件来监听url变化,从而对页面进行跳转(渲染) 3 pushState,replaceState不会触发popState事件,需要时我们手动触发页面跳转 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |