Vue-Router - 03 嵌套路线和动态跳转

最新推荐文章于 2023-11-29 13:55:58 发布

snakeZix

最新推荐文章于 2023-11-29 13:55:58 发布

阅读量350

点赞数 1

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

本文链接：https://blog.csdn.net/wucan111/article/details/113339848

版权

本文详细介绍了Vue-Router的嵌套路线使用，包括children属性的应用，如何进行重定向操作，以及props的配置。同时，讲解了动态跳转的实现，特别是标签式的动态匹配，强调了路由与路线的关系和作用。

摘要由CSDN通过智能技术生成

Vue-Router - 03 嵌套路线和动态跳转

该篇涉及到 children，redirect，props，及动态跳转

嵌套路线之children属性

const RouterView = {
   
  render: (h)=>(h('router-view'))
}
const User = {
   
  template: `<div>
    这是User页面组件
  </div>`
}

const Article = {
   
  template: `<div>
    这是Article页面组件
  </div>`
}

const routes = [
  {
   
    path: '/home',
    name: 'Home',
    component: RouterView,
    redirect: '/home/user'
    children<