Vue嵌套路由

一、二级路由

```

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({

  //配置路由

  routes: [

    { path: '', component:  },

    { path: '/', component:  },

    { path: '/', component:  },

    { path: '/', component:  },

    { path: '/', name: '', component:  },

    { path: '/', redirect: '/' },

    { path: '/', component: ,children:{path:'/',component:}},

  ]

})

//路由守卫

router.beforeEach((to, from, next) => {

  if (to.path === '/login') {

    next()

  } else {

    let res = localStorage.getItem('login')

    if (res) {

      let isLogin = JSON.parse(res).isLogin

      if (isLogin === 1) {

        next()

      } else {

        next('/login')

      }

    } else {

      next('/login')

    }

  }

})

export default router

```

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 步骤:1、创建一个父路由对应的组件User.vue。2、创建两个子路由对应的组件UserInfo.vue、User...
    msqt阅读 3,761评论 0 1
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,352评论 1 22
  • 在嵌套路由中,父路由向子路由传值有query,还有params,params分为两种一种在地址栏显示,一种是不显示...
    阴魏什么wjl阅读 3,373评论 0 1
  • 朋友间聊天不经意地提起,我知道了简书这个APP。 我初以为它是来自上世纪网络初媒体时代平台延续的火种,它和如今自媒...
    沫浅一笑阅读 270评论 2 3
  • 百感交集之下,千言万语点滴汇聚。 努力过的样子,真的很美。 一瞬间被各种各样的任务搞的头大,组会汇报、互联网+、实...
    咏笙_阅读 185评论 0 0

友情链接更多精彩内容