分析bookstore这个项目的结构,所有页面和功能都分析,components和vuex和router

通过console里的Vue,看这个项目bookstore的架构。

分为组件、Vuex和路由三个部分。

组件

第一个是根组件App

根组件下是父组件Header

父组件下,是两个子组件HeaderSearch和HeaderCart。
search里头跟了home的路由?

HeaderCart组件内,跟了状态绑定,vuex bindings
也有路由到home,为啥?代码里没体现啊。

与父组件Header并列的父组件Munus。菜单组件。

Munus菜单组件下跟了两个路由链接,RouterLink,前两个菜单都需要链接进去。
一个菜单RouterLink“首页”链接到home。
一个菜单RouterLind“新书”链接到newBooks。
里头跟了newBooks的页面。5本新书。

菜单后面三个,特价书、教材、视听教程,里头都没有跟链接。

与父组件Header和Munus两个相比列的组件还有<RouterView>组件。
总算搞清楚了RouterView和RouterLink的关系。
一个是展示组件,一个是链接。

RouterView又跟了个子组件Home首页组件吗?
打开home组件
里头又有孙组件,4个。
HomeCategory。
HomeCategory里头还跟了6个路由链接。这是连接到哪里去了。图书分类。
哦,是6本书的链接啊。
分别是“”Servlet/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值