1.App.vue中 布局,布局为上,左,右。上部引入子组件topNav,用来放置导航菜单。右边放置要展示的内容<router-view></router-view>
2.在这个子组件topNav中,有两个路由。‘foo.vue’和‘bar.vue’。这两个页面暂时放在views文件夹中
3.在main.js中。其中2是router 文件夹下 index.js 中的文件。
扫描二维码关注公众号,回复:
10600528 查看本文章
如果没有安装 需要 npm install vue-router --save 安装下 vue-router
4.在router的index.js中
5. 则界面