Vue.js开发个人博客(3)----主页编写

源码地址：https://github.com/BadWaka/blog-waka-by-vue

上图

点击左上角会弹出侧滑菜单，侧滑菜单里做类别的分类

点击右上角跳转到GitHub
点击具体的文章项跳转到具体的文章详情

设计思路是展现全部文章列表，后续会做分页处理。

难点

1. vue-router的使用，官方推荐的router插件，GitHub: https://github.com/vuejs/vue-router ，项目里仅仅使用了vue-router最简单的部分，更加高级的用法还待研究

2. vue-resource的使用，官方推荐的网络请求插件，GitHub: https://github.com/pagekit/vue-resource

3. 父组件向子组件传递数据，props的使用

4. 分页（未完成）

处于精力和时间的考虑，详细步骤省略，只贴代码：

开发步骤

1. 页面主页 Index.vue

Index.vue

// Index.vue

2. 子组件 文章项 ArticleItem.vue

ArticleItem.vue

// ArticleItem.vue