分析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/JSP、应用服务器、MVC框架、C/C++、Java、C#。
以上6个。

第二个组件。
HomeScrollPic组件。就是轮播的那个风景图
只链接到home首页，没有其他内容。

第三个组件。
HomeBooksHot组件。
下面链接了RouterLink链接了4本书。

第四个组件。
BooksNew组件。
新书推荐。
里头链接了5本书。RouterLink链接的。

以上组件都摆完了。

怎么里头没有出现Loading组件这些。还有userLogin组件这些。

再说到Vuex
第一个是根Root。
下面是cart
和user

Cart下面跟了state和getters
user下面只跟了state

第三个Routes。
里头跟了很多啊路由。
Search routes
里头有

这么多。数一数，有10个。都有vue页面吗？应该有。
加上这些，routes
components和routes这些，并在一起，是不是就齐了？

/category/:id
category

/book/:id
book

/
redirect: Object

/home
home
exact
active

/newBooks
newBooks

/search
search

/cart
cart

/register
register

/login
login

/check
check

好了，好像应该可能是差不多了。