router-link和router-view

router-link和router-view

老师我知道router-view是接受router-link跳转的页面,但我实在想不通,项目中这么多router-link和router-view,它们怎么一一对应起来的。就比如,为什么我们在g-footer-container中切换,会呈现在g-view-container中的router-view里?product页面又为什么会对应在home页面下的router-view中?

老师快些给我理理吧,好晕啊!

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好同学,这个你可以理解为找当前组件的router-view。例如如下:

底部的路由(即router-link)是在子组件c-tabbar中,子组件也是父组件的一部分。所以点击底部的路由,即点击g-footer-container里面的路由,对应的组件会渲染到当前组件中的router-view。

http://img1.sycdn.imooc.com//climg/5d844b9209d36d5c05200190.jpg

点击商品的时候也是一样的,商品路由在index.vue(即home页面)的子组件recommend.vue中,所以点击商品的时候,对应的组件会渲染到当前组件的router-view中。

http://img1.sycdn.imooc.com//climg/5d844c7a09cc959006790473.jpg

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师