vue-v2ex

usage

1. install Allow-Control-Allow-Origin: *
2. npm install
3. npm run dev

todo

• 路由
  • 将路由文件提取放到 router 文件夹下，main.js 只需引用而不需要另外设置，解耦
  • Index 组件下 tab 页的路由配置
  • 页面初始时的路由配置，以及剩下的遗漏的一些路由设置
  • 思考路由是如何找到渲染的 <router-view> 位置的？如果组件没有 <router-view> 元素，挑最近的渲染？
  • 思考配置 <router-link> 和直接渲染一个 a 标签的区别？（vue 2 和 vue 1 的区别？）
• 数据请求
  • 学习 vue-resource 以及官方推荐的 axios
  • 当数据还没请求到时不渲染，而不是渲染空对象（赋值为 null 就报错）
  • 请求失败的容错处理
  • loading 动画
• Rigister & Login components
• 主题详情页
• 主题回复组件
• 样式修改、提取等
• 宽度自适应，以及在移动端的适配

thinking

• 对于每个组件数据的渲染，是否用计算属性（computed）更为合适？

bug

• 进入帖子详情页（即 Detail component）后，无法点击右侧的「今日热议主题」部分的帖子（fixed，用 watch 方法监听路由 $route 的变化，然后更新，需要同时更新 Detail 的子组件 Reply，思考是否可以一次更新完？）
• 如果直接在地址栏输入帖子地址或者会员地址，比如 http://localhost:8080/member/1，右上角没有路由
• 在页面 http://localhost:8080/?tab=apple，一刷新就跳到第一个 tag 了

V2ex API

• V2EX API 接口
• V2EX API Documents
• https://github.com/djyde/V2EX-API
• http://docs.v2ex1.apiary.io/
• https://indexxuan.github.io/v2ex-api-bridge/api/index.html

preview