popstate事件,只有当用户点击浏览器时才会触发,和用js调用了histoyr.back(),其他情况均不会。
因为vue路由是个vue插件,也是个类。所以我们首先看的是constructor方法和install方法
constructor:该方法内,定义了一些变量,主要还挂载了history对象(该对象内,包含了当前hash路由,且push,go,等路由方法,全出自此对象)
install:该方法的话,1,全局注册了RouterView和RouterLink 2个组件,
2,代理了$router,$route 2个路由对象。$router:根对象,来源父节点的属性,$route,当前hash 对应的路由对象,数据来源 history 对象。
3 执行init 方法
init:方法 该方法
push 方法:hash 也用的 history.pushState() api 来做的,实现路由变化而不刷新页面,然后调用 updateRoute 方法来刷新页面
updateRoute 方法主要是 Vue.util.defineReactive(this, '_route', this._router.history.current) 调用Vue 的双向通信,然后改变_route的值,就会刷新页面
待续······················