问题描述
平常我们子传父，都是写在组件上，写在router-view视图层上的并不多。实际上写在router-view视图层上基本上一样的。本篇文章就记录一下用法。以折叠左侧导航栏为例。
布局图示
代码步骤图示
二者关系为父子组件关系
最终效果图
总结
记录一下，留作备用
html5
程序员引用和评论
推荐阅读
Vue3中实现el-table单选功能（取消前一项的选中）
水冗水孚阅读 2k
喜大普奔，适用于 VS Code 的 GitHub Copilot 全新免费版本正式推出，GitHub 全球开发者突破1.5亿
鸣飞赞 9阅读 18.5k评论 1
Vue.js-Vue实例
寒青赞 11阅读 2.9k
浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
chokcoco赞 7阅读 1.9k
如何在仓库中添加只对自己生效的.gitignore规则？
热饭班长赞 4阅读 2.6k
不要再这样编写 async/await
王大冶赞 8阅读 1.6k
EventLoop事件循环机制(浏览器和Node EventLoop)
大卫talk赞 6阅读 2.5k
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。