Vue js 动态路由 router 笔记

vue.js的动态路由

步骤：

1.在需要将数据提交后跳转的页面，为提交按钮绑定点击事件，并将数据转为json字符串存入localStorage中

按钮：绑定点击事件


methods：中写入方法

2.在需要实现动态路由的页面，生命周期‘mounted加载完成’中获取前台页面存入localStorage的数据

在需要添加动态路由的地方渲染获取到的数据
在data中return返回一个
moduleList: []

3.写一个静态的路由文件，用于我们前端默认存储某个地址用的组件

let staticRpute = [
  {
   
    name: '首页',
    component: () => import('../components/Index')
  },
  {
   
    name: '账户管理',
    component: () => import('../components/acount')