Vue2+VueRouter2+Webpack+Axios 构建项目实战

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结

前情回顾

去年写的那一套东西,虽然我也写得非常的认真,但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下,希望对各位有所帮助。

  1. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述
  2. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
  3. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件
  4. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由
  5. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(五)配置 Axios api 接口调用文件
  6. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(六)将接口用 webpack 代理到本地
  7. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件
  8. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(八)渲染一个列表出来先
  9. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来
  10. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录
  11. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结
  12. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十二)打包项目图片等资源的处理

GITHUB 代码开源地址

https://github.com/fengcms/vue-demo-cnodejs

vue 学习小结

本系列博文,在接口对接方面,只涉及到了 get 方法。事实上,我们的 spa 页面很大程度上是来开发管理后台的项目的。

在管理后台的开发中,我们将大量的涉及到 post put 等接口调用。我后期有时间再整理一个小型的管理后台的开发博文系列。

我希望你通过阅读和学习我的博文,能够真正的入门 vue 的开发。当然,我还希望你能够收藏我的这个系列的博文。有很多的东西,你收藏起来,回头要用的时候,打开看一下就知道如何去用了。

当然,当你学会了,并且顺利的做了一些比较复杂的应用的时候,也不要骄傲。就好像很多学会了一点 jquery 就认为自己会 javascript 的人一样。很多人学会了一点 vue 就误认为自己会写 js 了。

这固然是因为 vue 相对来说比较简单。但是,如果你的基础不扎实,我预计你也很难有大的提升。

因此,我建议你一定要花时间来学习犀牛书。深入的学习 js 再回头来看我们的 vue ,就更加简单了,有很多的地方,也不是知其然不知其所以然了。

还有就是,不要排斥命令行,不要固守 windows 操作系统。

我公司的前端团队基本是我一手带出来了,所有人从进公司第一天起,就强制使用 archlinux 操作系统,强制他们学习各种命令行。经过痛苦的一周的转换期,目前,已经没有人怀念 windows 操作系统了。一个个命令行用的飞起,让我们还在用 windows 的后端的同学非常艳羡,也让他们在以后的升职加薪得到了助力。

最重要的是,在 windows 下面各种报错,各种问题。至今,我都不知道在 windows 下面如何解决编译到子目录失败的问题如何解决。

所以,有条件,但又喜欢漂亮桌面的,可以和我一样,搞一个 macbook pro 或者 黑苹果 电脑。没条件的,可以装一个 ubuntu 操作系统。

国产的深度 linux 操作系统也是非常不错的选择。其能够兼容一些 windows 程序,并且桌面非常漂亮。我认为比较适合 windows 刚转 linux 的同学。

但是越往后,我越不推荐。虽然先期我还是支持的。因为就我的感觉来说,命令行不是特别好用。当然,也可能是因为我没有深入的使用和了解造成的。

总而言之,抛弃 windows ,拥抱命令行,是每一个开发人员最终的宿命。

最后,再接再厉。希望你能取得更大的进步。也对我的博文提出一些建议和意见。

再会!

如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。

后续补充

我收回上面对 DEEPIN 的观点言论。我现在认为,深度 linux 系统特别适合 windows 用户来使用,无论是界面设计,还是快捷操作,还是其他方面,都非常适合国情。

并且,深度很好的贯彻了一个思想,就是,系统应该不需要让用户思考,不需要让用户去做更多的工作,开箱即用。管他底层是什么呢。

我强烈建议新手使用 deepin linux 真的。

有 MAC 就用 MAC 哈~

本文由 FungLeo 原创,原文链接:https://blog.csdn.net/fungleo/article/details/77606321

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3是一种用于构建用户界面的JavaScript框架,它具有快速、灵活、可重用等特点。Webpack则是一种JS的打包工具,可以将多个JS文件打成一个JS文件。Vue-RouterVue框架中的路由管理器,通过它可以实现前端路由的切换。Axios则是一种基于Promise的 HTTP 库,用于处理前端与后端的数据交互。Vuex则是Vue框架中的状态管理工具,将组件的共享状态抽取出来,以集中管理,便于开发人员管理。这些技术都是前端开发中必不可少的技术,用于优化前端项目的结构,提高开发效率。 在具体的项目开发中,为了提高代码的复用性,通常会对这些技术进行进一步的封装。对于Vue-Router,可以将项目的路由进行封装,创建一个Route.js文件,用于统一管理路由。通过这样的封装,可以使得路由的管理更加清晰。 对于Axios,可以通过封装一个API.js文件,将后端接口进行统一管理,减少代码的重复性。在API.js中可以封装所有后端接口的请求方法,统一处理请求返回的数据。 对于Vuex,则可以将项目的状态进行封装,写一个store.js文件,用于集中管理应用的状态。在store.js中可以设置全局数据,方便在各个组件中进行访问和修改。同时,也可以将状态的变化通过mutations.js文件封装,以保证数据的可靠性。 最后,使用Webpack进行打包。Webpack可以将多个JS文件打成一个JS文件,减少了请求的次数,提高了页面的加载速度。 综上所述,通过对Vue3、WebpackVue-RouterAxiosVuex等技术的封装,可以提高代码的复用性和可维护性,从而加快项目的开发进度。同时,这些技术的结合还能够为项目提供更好的架构,提升用户的使用体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值