首页| 行业标准| 论文文档| 电子资料| 图纸模型
购买积分 购买会员 激活码充值

您现在的位置是:团子下载站 > 其他 > vue2.0 构建单页应用最佳实战教程详细资料免费下载

vue2.0 构建单页应用最佳实战教程详细资料免费下载

  • 资源大小:0.44 MB
  • 上传时间:2021-07-11
  • 下载次数:0次
  • 浏览次数:31次
  • 资源积分:1积分
  • 标      签: 代码 浏览器 HTTP

资 源 简 介

我们将会选择使用一些 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 的一个非常碉堡的特性,将会为我们的单页应用带来极大的便利。   通常来说,当我们修改了代码刷新页面,那应用里的所有状态就都没有了。这对于开发一个单页应用来说是非常痛苦的,因为需要重新在跑一遍流程。如果有模块热加载,当你修改了代码,你的代码会直接修改,页面并不会刷新,所以状态也会被保留。
VIP VIP