html5 history pushState和replaceState的使用

重写url

HTML5新接口，可以改变网址而不刷新页面

仅改变网址，网页不会真的跳转，也不会获取到新的内容，本质上网页还停留在原页面

1、window.history.pushState(data, title, targetURL)

@状态对象：传给目标路由的信息,可为空

@页面标题：目前所有浏览器都不支持,填空字符串即可

@可选url：目标url，不会检查url是否存在，且不能跨域。如不传该项,即给当前url添加data

2、window.history.replaceState(data, title, targetURL)

• @类似于pushState，但是会直接替换掉当前url，而不会在history中留下记录

3、替换url使用：

window.history.replaceState(
                null,
                null,
                window.location.hash.split('?')[0] + '?activeName=' + val.name
            )

4、页面初始化判断，应用：

if (this.$route.query && this.$route.query.activeName) {
            this.activeName = this.$route.query.activeName
        }