Vue-router原理:8、initEvent方法实现

Vue-router原理:8、initEvent方法实现

现在有一个问题就是，当点击浏览器中的后退与前进按钮的时候，地址栏中的地址发生了变化，但是对应的组件没有发生变化。

这时候要解决这个问题， 就需要用到popstate事件

popstate事件，可以发现浏览器历史操作的变化，记录改变后的地址，单击前进或者是后退按钮的时候触发该事件

initEvent() {
    window.addEventListener("popstate", () => {
   
      this.data.current = window.location.pathname;
    });
  }

针对initEvent方法的调用如下：

init() {
    this.createRouteMap();
    this.initComponents(_Vue);
    this.initEvent();
  }