通过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/
分析bookstore这个项目的结构,所有页面和功能都分析,components和vuex和router
最新推荐文章于 2024-03-31 09:32:00 发布