新手vue 路由源码解读

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的值，就会刷新页面

 

待续······················

转载于:https://my.oschina.net/u/3971746/blog/3102133