通过上一篇的学习，我们接下来进行一个简单页面的开发。
在此之前需要通读一遍vue官方文档，遇到不懂的在实践中慢慢就懂了。
项目结构
|my-blog
|--build
|--config
|--node_modules
|--src
|--assets
|--img
|--js
|--css
|--components
|--view
|--router
|--vuex
|--App.vue
|--main.js
|--static
|--test
所有的开发都在src文件夹目录中进行。 以bootstrap作为样式基础， vue为主===Vue2.0 + Vue-Router2.0 + Vuex + Webpack，
项目内容细分：
1.view
1.1 登录页
1.2 首页
1.3 内容页(暂无)
2.components
2.1.登录页
没有component，只有view
2.2.首页
components:
1.my-head:包含logo,nav,search,setting,user
2.my-banner:包含头像等信息
3.content-page-video:文章简介
4.content-page-text:文章简介
7.my-comments:留言板
8.to-top 返回顶部
9.my-foot:footer 介绍
注意
这里主要是分一下哪些是公共组件哪些是私有组件，分出来之后对下一步的开发会有很好的指导作用。