前端培训VUE之嵌套路由

1. 效果
嵌套路由.gif
2. 子路由组件
News.vue Message.vue
3. 配置嵌套路由:router.js
       path:’/home’,

      component:home,

      children:[

       {

           path:’news’,

           component:News

       },

     {

         path:’message’,

         component:Message

     }

]
4. 路由链接:Home.vue
<router-linkto=”/home/news”>News</router-link>

<router-linkto=”/home/message”>Message</router-link>

<router-view></route-view>


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)