本文恩主要为大家详细介绍了vue路由嵌套的spa实现步骤,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。
本文为大家分享了路由嵌套的SPA实现的步骤:
A(/a)组件需要嵌套B组件(/b)和C组件(/c)
①准备嵌套其它组价的父组件 指定一个容器
在A组件指定一个容器
立即学习
“
前端免费学习笔记(深入)
”;
②在A组件的路由配置对象中指定children属性
{path:'/a',component:A,children:[{path:'/b',component:B},{path:'/c',component:C},]}
补充:
//数字如果超出记录的次数,是不行的。
this.$router.go(num);
如果num是正数,向前进
如果num是负数,向后退
代码
相关推荐:
实例详解vue中SPA单页面应用程序
总结Vue路由跳转问题的实例教程
Vue路由钩子及应用场景的实例详解
路由嵌套
{{msg}}
