首页 > 其他 > 详细

vue-router 路由嵌套

时间:2021-01-10 12:41:18      阅读:26      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

 

技术分享图片

 

 

技术分享图片

 

 

技术分享图片

 

 

import Vue from ‘vue‘
import Router from ‘vue-router‘
// import Home from ‘@/components/Home‘
// import About from ‘@/components/About‘
// import User from ‘@/components/User‘

const Home = () => import(‘@/components/Home‘)
const HomeNes = () => import(‘@/components/HomeNews‘)
const HomeMessage = () => import(‘@/components/HomeMessage‘)
 
const About = () => import(‘@/components/About‘)
const User = () => import(‘@/components/User‘)

Vue.use(Router)

const  routes = [
  {
    path: ‘‘,
    redirect: ‘/home‘ 
  },
  {
    path: ‘/home‘, 
    component: Home,
    children:[
      {
        path:‘‘,
        redirect:‘news‘
      },
      {
        path:‘news‘,
        component: HomeNes
      },
      {
        path:‘message‘,
        component: HomeMessage
      }
    ]
  },
  {
    path: ‘/about‘, 
    component: About
  },
  {
    path:‘/user/:userId‘,
    component: User
  }
]
export default new Router({
    routes,
    mode:‘history‘
})

vue-router 路由嵌套

原文:https://www.cnblogs.com/eric-share/p/14257834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!