基本介绍
高仿CNODE社区
- 主要内容
列表的实现、详情页的实现-- 2个组件、回复的渲染、头像、分页组件（独立开发一个组件） - 具体组件
- 导航栏---header头部
- 列表---PosltList
- Active：文章的详情页
- SlideBar：侧边栏
- UserInfo：用户信息
- Psgination：分页组件
开始搭建
创建项目
vue init webpack cnode
header组件
PostList组件
API接口：https://cnodejs.org/api/v1/topics 获取帖子列表
limit 和 page
拿到的参数分析：
头像：author.avatar_url
回复量/浏览量 ：reply_count/visit_count
帖子的标题：title
需要使用到过滤器：
时间：last_reply_at
帖子分类：
top: 代表是否置顶
good: 代表是否精华
tab 是表示除了置顶和精华之外的其余分区：
share 分享
ask 问答
job 招聘
全局使用的东西都是在main.js中使用
Article组件（用到router）
API https://cnodejs.org/api/v1/topic/ + 帖子ID
USerinfo组件
API https://cnodejs.org/api/v1/user/+ username
http://localhost:8081/#/userinfo/aojiaotage–用户列表页
=》》》
http://localhost:8081/#/topic/5afe26730a36e5312d6ed257&author=aojiaotage
http://localhost:8081/#/topic/5afe26730a36e5312d6ed257&author=aojiaotage
—》》》
http://localhost:8081/#/topic/57ff46f5fdf3bd3d651185bf&author=aojiaotage
