cyyyeahey的博客

通过路由和vuex可以实现各模块跳转及菜单统一管理。每模块页面根据命名规范，实现分别管理。本文将假设三类模块：车辆、人员、物品来举例说明。

按需引入能减少项目包体积

【代码】vue3使用vuex(包括模块化)

【代码】vue3在可视窗口中移动的飘窗，碰到边缘改变方向，点击消失。

【代码】vue点击目标区域之外隐藏目标区域。

vue3项目中通过 docx-preview 实现docx格式文件预览。

【代码】vue2前端导出Excel，包含图片。

横向菜单栏，菜单过多时自动折叠到下拉框，可伸缩。

举例来说，对于一个带有动态参数的路径 `/users/:id`，在 `/users/1` 和 `/users/2` 之间跳转的时候，由于会渲染同样的`UserDetails` 组件，因此组件实例会被复用。因为在这种情况发生的时候，组件已经挂载好了，导航守卫可以访问组件实例 `this`。在导航被确认之前、在路由组件解析渲染之前、所有组件内守卫和异步路由组件被解析之后调用。beforeRouteLeave：在导航离开渲染该组件的对应路由时调用。在特定路由上定义的守卫，用于对该路由的局部拦截、验证或重定向。