资料下载
vue2.0 构建单页应用最佳实战教程详细资料免费下载
crazyboy945
分享资料个
我们将会选择使用一些 vue 周边的库 vue-cli，vue-router，vue-resource，vuex
1. 使用 vue-cli 创建项目
2. 使用 vue-router 实现单页路由
3. 使用 vuex 管理我们的数据流
4. 使用 vue-resource 请求我们的 node 服务端
5. 使用 .vue 文件进行组件化的开发
PS：本文 node v6.2.2 npm v3.9.5 vue v2.1.0 vue-router v2.0.3 vuex v2.0.0 最终我们将会构建出一个小 demo，不废话，直接上图。
1.我们将会使用 webpack 去为我们的模块打包，预处理，热加载。如果你对 webpack 不熟悉，它就是可以帮助我们把多个 js 文件打包为 1 个入口文件，并且可以达到按需加载。这就意味着，我们不用担心由于使用太多的组件，导致了过多的 HTTP 请求，这是非常有益于产品体验的。但我们并不只是为了这个而使用 webpack，我们需要用 webpack 去编译.vue 文件，如果没有使用一个 loader 去转换我们.vue 文件里的 style、js 和 html，那么浏览器就无法识别。
2.模块热加载是 webpack 的一个非常碉堡的特性，将会为我们的单页应用带来极大的便利。
通常来说，当我们修改了代码刷新页面，那应用里的所有状态就都没有了。这对于开发一个单页应用来说是非常痛苦的，因为需要重新在跑一遍流程。如果有模块热加载，当你修改了代码，你的代码会直接修改，页面并不会刷新，所以状态也会被保留。
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
- 相关下载
- 相关文章
