vue实现提示保存后退出的方法

一开始的时候我是想着使用vuex结合vue router的beforeEach导航守卫来实现。如果内容尚未保存，我们就弹出一个提示框，当用户选择取消的时候，就将vuex中的introduceState值更新为true。最后在router的beforeEach的导航守卫里监测from为当前页面的所有路由跳转。后来自己去翻vue router的官方文档，找到了一个绝妙的方法，那就是组件内的导航守卫。上面的描述很清楚，于是我就在组件的js代码里加了一个beforeRouteLeave方法，然后弹出提示框，实现提示保存后退出的功能。