今天小编就为大家分享一篇vue路由 遍历生成复数router-link的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

业务场景：使用vue-cli做一个spa； 需求：顶部导航栏控制下方内容栏，实现页面内切换。 毫无疑问，vue-router很适合这样的需求，实现起来也并不复杂： 1、main.js： import VueRouter from 'vue-router' Vue.use(VueRouter); 2、定义（路由）组件： import songList from './components/songList.vue' const Bar = { template: 'no.2' } const