Vue监听浏览器刷新

有时候需求上面会让我们监听F5刷新浏览器，进行一些回调，vue中没有这种钩子函数，只能借助原生js给window对象绑定两个监听事件。

在App.vue中的mounted中添加：

 window.addEventListener("beforeunload", e => {
    this.unloadFn(e);
 });

在destroyed中添加：

window.removeEventListener("beforeunload", e => {
    this.unloadFn(e);
});

methods:

unloadFn(){
//你的逻辑代码
}

这样就可以刷新之后也能看到想要的效果了。