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

最新推荐文章于 2022-09-09 21:13:47 发布

snakeZix

最新推荐文章于 2022-09-09 21:13:47 发布

阅读量223

点赞数

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

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

版权

本文详细介绍了Vue-Router中的嵌套路由配置，包括使用children属性创建嵌套路线，如何实现重定向redirect，以及通过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<