Vue2 监控浏览器返回操作：无路由情况下使用 popstate 事件

在 Vue2 中，可以使用 beforeRouteLeave 生命周期钩子来监控浏览器的返回操作。该钩子函数在组件即将离开路由时触发，可以用来执行一些逻辑，如弹出确认框等。\n\n但是如果没有使用路由，Vue2 默认没有提供类似的生命周期钩子来监控浏览器的返回操作。不过，你可以通过监听 window 对象的 popstate 事件来实现类似的功能。\n\njavascript\nmounted() {\n window.addEventListener('popstate', this.handlePopstate);\n},\n\nbeforeDestroy() {\n window.removeEventListener('popstate', this.handlePopstate);\n},\n\nmethods: {\n handlePopstate(event) {\n // 在这里可以执行一些逻辑，如显示确认框等\n console.log('浏览器返回操作');\n }\n}\n\n\n上面的代码中，我们在组件的 mounted 生命周期钩子中添加了一个 popstate 事件的监听器，用来监听浏览器的返回操作。当组件销毁时，我们需要在 beforeDestroy 生命周期钩子中移除该事件监听器。\n\n在 handlePopstate 方法中，你可以执行一些逻辑，如弹出确认框等。当浏览器的返回操作触发时，该方法会被调用。\n\n需要注意的是，使用 popstate 事件监听浏览器的返回操作并不是 Vue2 提供的原生功能，而是通过原生的 JavaScript 实现的。如果你的应用中使用了路由，建议使用 Vue Router 提供的 beforeRouteLeave 生命周期钩子来监控浏览器的返回操作。