nongshuqiner的博客

前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写，终于得空于是协知识归来。2017年一定是VUE火热的一年，引得无数人飞蛾扑火，对于前端大神来说轻松入手，对于刚刚接触这一行的同学来说，vue的官方文档还是太过与欠缺信息，如此我决定带你们去踩坑。对稍微了解VUE的人来说，我们都知道V

推荐我的vue教程：VUE系列教程目录前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写，终于得空于是协知识归来。2017年一定是VUE火热的一年，引得无数人飞蛾扑火，对于前端大神来说轻松入手，对于刚刚接触这一行的同学来说，vue的官方文档还是太过与欠缺信息，如此我决定带你们去踩坑。

通过前两篇文章我们的项目已经做出来了文件预览的初始效果，不知道你们看了以后会有什么想法，这篇文章开始着重讲解文件系统的构建。####前言前面我们已经得到文件树对象了，现在我们所要做的就是页面的功能实现，我们读取并在indexDB数据库里存储了文件信息，为了解决直接渲染文件信息到页面上，浏览器崩溃的问题，我们没有直接进行读取，而是采用创建目录，进去了以后在打开某一个具体的文件时，读取这个具体文件这一个

温馨连接提示：vue中级之路篇系列教程： VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(一) VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(二) VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(三)通过上一篇文章我们的项目架构基本就出来了，让大家去看看关于JSZip，以及store.js的知识，因为store比较

温馨连接提示：vue入门之路篇系列教程： vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一） vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二） vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（三） vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（四） vu

前言通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数据并且渲染出来了。制作更多的页面，更复杂的应用，就是各位自己根据自己的项目去调整的事情了。在vue中，我们使用vue-router来进行路由的构建，如果想学习可以去看：vue-router文档很简单但是不上实战你永远不知道它写的什么，是什么意思？本章就讲一下如何配置子路由，因为我们的项目不可能只有一个页面，而是由众多页面构成的。

前言通过前面几篇教程，我们已经顺利搭建起来了项目，并且已经组建好路由了，安装了我们需要的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最简单的入门