Vue3如何实现动态菜单加载？长尾关键词：Vue3动态菜单加载方法

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

目录

1.整体思路

1.1 实现细节 1.1.1 加载组件 1.1.2 getInfo 1.1.3 generateRoutes

1. 整体思路 首先我们来梳理一下整体实现思路。首先，我们需要明确整体思路和vhr模块的相似性。考虑到现有的小伙伴可能已经熟悉了相关功能，我们将从以下几个方面进行实现：

+ 整体思路与vhr一致。 + 针对细节进行优化和调整。

目录

• 1. 整体思路
• 2. 实现细节
• 2.1 加载细节
• 2.2 getInfo
• 2.3 generateRoutes

1. 整体思路

首先我们来梳理下整体上的实现思路，首先一点：整体思路和 vhr 一模一样。

考虑到有的小伙伴可能已经忘记 vhr 中前端动态菜单的实现思路了，因此本文再和大家分析一下。

为了确保在所有的.vue文件中都能访问到到菜单数据，所以选择将菜单数据存入 vuex 中，vuex 是 vue 中一个存储数据的公共地方，所有的.vue文件都可以从vuex中读取到数据。存储在vuex中的数据本质上是存在内存中，所以它有一个特点，就是浏览器按 F5 刷新之后，数据就没了。