vue 面试题 vue

您所在的位置:网站首页 vue-routet vue 面试题 vue

vue 面试题 vue

2023-03-23 12:09| 来源: 网络整理| 查看: 265

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