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

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

09-05 08:50