Vue子路由的两种访问方式

最新推荐文章于 2024-09-13 10:45:46 发布

来啦来啦~

最新推荐文章于 2024-09-13 10:45:46 发布

阅读量1.7k

点赞数

分类专栏： #Vue 文章标签： vue vue-router

本文链接：https://blog.csdn.net/qq_43483403/article/details/119757502

版权

#Vue 专栏收录该内容

16 篇文章 3 订阅

订阅专栏

1.第一种：
根路径访问：http://localhost:8080/#/welcome

...
const router = new Router({
  routes: [
    {
      path: '/home',
      component: Home,
      redirect: '/welcome',  //http://localhost:8080/#/welcome
      children: [{
        path: '/welcome',
        component: Welcome
      }, 
   }
...

2.第二种：
通过父级路径访问：http://localhost:8080/#/home/welcome

...
const router = new Router({
  routes: [
    {
      path: '/home',
      component: Home,
      redirect: '/home/welcome',  //http://localhost:8080/#/home/welcome
      children: [{
        path: 'welcome',
        component: Welcome
      }, 
   }
...