当前的Web开发正处于一个迅速发展和不断演变的时代,在这个过程中,Vue.js作为一款优秀的前端框架,迅速地在业界赢得了广泛的认可和普及,目前国内市场还是以Vue.js 2.0为主导。作为Vue.js的主要版本,Vue.js 2.0不仅继承了Vue.js的核心概念和优势,还带来了更多的改进和增强,为我们构建强大、灵活、高效的Web应用提供了更多的可能。
笔者最早接触的前端框架技术是jQuery技术,随着2013年React的面世,到2014年引入中国,笔者开始接触React项目,成为中国第一批“吃螃蟹”的人。目前Vue.js 2.0的盛行和Vue.js 3.0的来临,笔者意识到Vue.js 2.0是前端初学者最好入手且是目前国内前端市场应用最广的前端框架,所以本书并没有从Vue.js 3.0开始介绍。笔者认为这个学习过程是逐层递进的,对初学者打好坚实的框架基础非常有帮助。此外,笔者还精心录制了一套前端的学习视频(前端基础到进阶jQuery、Vue.js 2.0、微信小程序、React、Vue.js 3.0、TypeScript等),目前播放量已近八十万人次。
笔者写作本书的目的是想传播前端框架领域知识(因为Vue.js是国人所编写,并且确实优秀),想为Web前端社区做一些贡献的同时也为叩丁狼教育的产品打下坚实的技术基础。写作本书期间,笔者查阅了大量的资料,使知识体系扩大了不少,收获良多。
第1章介绍Vue.js框架、安装方式及其基础语法结构。
第2章介绍常用及不常用的指令(包括事件绑定指令及属性绑定指令等),以及计算属性。
第3章介绍过滤器、组件化开发及书店购物车项目实战。
第4章介绍Webpack及Vue.js的官方脚手架Vue CLI等。
第5章介绍Vue.js高级语法,如Vue插槽、修饰符、监听、动态组件和缓存及其他高级语法。
第6章介绍DevTools开发工具的使用及Vuex的核心概念等。
第7章介绍Vue Router及后端数据请求。
第8章介绍Vue.js 3.0新增语法。
第9章介绍Vue.js 2.0全家桶+Element开发后台管理系统项目,该项目可在企业后台管理项目中直接套入使用。
第10章介绍Git基础知识和进阶使用、Git Flow工作流模型,以及拓展了Git高级用法。
第11章介绍大型PC商城项目实战,并提供了用户行为验证、微信扫码登录、购物车、触底加载等常见的解决方案。
本书是一本基础入门加实战的书籍,既有基础知识,又有丰富示例,包括详细的操作步骤,实操性强。
关于学习的方式,建议读者从第1章开始(不建议零基础读者跳看Vue.js 3.0的章节),阅读完每个知识点案例之后,根据书中(或者资料中)给到的代码输入一遍,并理解,这个过程还要结合书中给的代码进行阅读理解,有助于更快速地掌握和理解知识点。
从第4章开始,进入Webpack的学习,这一章可以快速阅读,如遇问题不用在相关问题中纠结太久,反而会影响学习节奏。可以尝试先学习Vue CLI的安装和使用,并往后学习。因为做项目实战,用的就是Vue CLI,所以直接上手亦可。待后期做完项目后再返回学习并深究Webpack。
第6章和第7章是做项目时会运用到的重点,写到Vuex和Vue Router,建议结合书中的视频来学习,这样会更加容易理解和上手。
第9章和第11章属于项目实战部分,读者在掌握了前面的基础知识后,可以通过两个实战项目学习企业应用的一些解决方案。在学习过程中遇到Bug不必紧张,程序员开发项目遇到Bug是正常的,通过百度、谷歌甚至ChatGPT翻译一下,即可得到解决方案。
扫描下面付费二维码可下载本书源码。
感谢单位领导及同事。特别感谢前端团队的老师们,帮助我处理好团队中的其他事务,使我可以全身心地投入写作工作之中。
由于时间仓促,书中难免存在不妥之处,请读者见谅,并提宝贵意见。
庄庆乐
2023年12月