这里以网易云音乐作为示例,效果图:我们先一层一层写导航先设计第一层第一个导航页面为DiscoverDiscover.vue:第二个导航页面为Mymusic其余代码一样,注意要把name改为相应路由index.js:我们创建一个新组件Guide.vue,把他插入到app.vue中设计好路由的数据源:Guide.vue:to:是我们的导航路径,要填写的是你在router/index.js文件里配置的path值我们在App.vue中加入区域通过配置路由的js文件,来操作这些区域的内容设计好样式后,我们可以发现我们的页面上出现了导航那我们如何设置默认

vue-router二级导航切换路由及高亮显示的实现方法

vue-router二级导航切换路由及高亮显示的实现方法

vue-router二级导航切换路由及高亮显示的实现方法

vue-router二级导航切换路由及高亮显示的实现方法

vue-router二级导航切换路由及高亮显示的实现方法