vue移动端实战中遇到的问题

Question

最近在学习用vue构建一个移动端小项目，其中要用到vue-router；请问这种底部点击导航按钮然后跳转到不同页面，但是底部导航又不会消失的这种组件结构是怎么样的？我大概知道要把底部导航作为一个公共组件，但是其中具体的点击跳转和图标背景的切换，需要怎么做？有没有做过和这个情况很相似的项目案例或者视频？help~

；就像图中红框圈住的部分，请问大家在项目初期是先写这个底部导航组件？还是先写导航到的的具体页面？最后再拼装到底部导航组件中？（之前没做过这种练习，有类似项目的大神们求教~）

Answer 1

导航和详情页本身就是相互独立的存在，至于写哪个没那么重要，我们做的导航都是临时加的需求，哈哈，所以先开发谁都一样。

Answer 2

类似项目
侧边栏导航, 有源码有文档, 可以对照着研究下

Answer 3

<router-view>和下面的底部导航同级，比如这个demo中上部的导航实现

Answer 4

就写在同一级就好了呀 一般建议是先写nav底部 路由做通之后再继续写页面<router-link to=""></router-link><router-view</router-view>接一下