路由懒加载及路由参数

路由懒加载

叙述：路由的懒加载是一种优化技术，用于在需要时按需加载路由组件，而不是在应用程序初始化时一次性加载所有路由组件。

routes: [
    {
      path: '/login',
      // 路由懒加载
      component: () => import('@/views/LoginComp'),
      // 命名路由
      name: 'login'
    },
    {
      path: '/',
      component: () => import('@/views/HomeComp')
    },
]

动态路由参数

. /* ?可选动态路由参数*/| I
path: ' /article/:id?'
component: ArticleDetail
},

/article/:id在/article后面必须带任意值，才能实现跳转，加上？只要有路径/article就可以跳转