vue 一个基本的简单路由学习

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. 则界面

  

 

猜你喜欢

转载自www.cnblogs.com/benbenbai/p/12661092.html
今日推荐