云e办前端学习（三）菜单页面的动态路由导航

前言

本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1

---

安装vuex

npm install vuex -S

新建文件

import Vue from 'vue'
import Vuex from 'vuex'
import {
   forEach} from "core-js/internals/array-iteration";

Vue.use(Vuex)

const store = new Vuex.Store({
   
  // 这里存放路由配置项
  state: {
   
    routes: []
  },
  //可以同步操作state数据
  mutations: {
   
    initRoutes(state,data) {
   
      state.routes = data;
    }
  },
  //可以用来异步操作
  actions: {
   
  }
})

export default store;

写一个处理菜单跳转的工具类

import {
    getRequest