Vue-router的hooks如何高效运用在路由导航和组件生命周期中？

本文共计1257个文字，预计阅读时间需要6分钟。

虽然Vue 3尚未正式发布，但我对新技术充满热情，早已迫不及待地在自己心中摸索。已经开始在小项目中尝试使用它了。随着《今日凌晨Vue3 beta版震撼发布，竟然公开支持脚本框架项目！》的发布，我终于搭建起了“

虽然Vue 3还没有正式发布，但是热爱新技术的我早已按捺不住自己的内心，开始尝试在小项目中使用它了。

根据这篇《今日凌晨Vue3 beta版震撼发布，竟然公开支持脚手架项目！》我搭建了一个Vue 3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新版的，就连vue-router、vuex都是最新的。

给大家截一下package.json的图：

可以看到vue-router和vuex都已经开启4.0时代啦！

不过其实我并没有去了解过vue-router 4.0的新用法什么的，因为我觉得它不像vue 3.0都已经进行到beta的版本不会有特别大的变动。

而vue-router 4.0还是alpha的阶段，所以我认为现在去学习它有些为时尚早。但却就是它！差点酿成了一场惨剧。