前言通过前面几篇教程，我们已经顺利搭建起来了项目，并且已经组建好路由了，安装了我们需要的sass的模板。本章节，我们需要做一个列表页面，为了方便起见，决定使用获取 http://cnodejs.org/api 的公开API，渲染出来。nodejs的公开API解读进入我放置的连接后，看到的如图：我们决定采用主题首页，其实我们在刚进入这个页面时会有不知道这是什么意思的疑问，比如这里写以下 api 路径

vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（三）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（四）vue最简单的入门

通过上一篇文章vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一），我们已经新建好了一个基于vue+webpack的项目。本篇文章将详细的帮助大家对这个项目的结构进行搭建，然后我们要从这里慢慢进入实战。提示：希望大家还是多去官网看看教程，踩踩坑，你会有些疑问，我呢则会把我踩过的坑告诉你们，让你们知道怎么解决，不要害怕有疑问，这正是你驶向成功的颠簸。一、项目目录以及文件

vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（三）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（四）vue最简单的入门