Vue.js3.x快速入门 pdf下载

与传统的Web应用不同，单页应用在近几年发展迅猛。我们发现Vue.js框架入门特别快，稍微有一定Webpack 开发经验的程序员在一周内就可以上手做项目，认真学习的话一个月就可以达到快速开发项目的水平，两三个月就可以达到熟练使用Vuex、自己编写Component的水平。这么快的上手速度，使用其他框架是不可想象的。

本书起源于作者公司的员工培训教程，可以在极短的时间内（如一周）帮助读者上手Vue.js项目，入门H5开发。

目前单页应用框架层出不穷，其中Vue.js是十分耀眼的项目之一，受到国内外开发人员的极度推崇。本书根据笔者公司多年的实际项目开发经验编写而成，详细介绍Vue.js 3.x企业应用快速开发技术。

全书共分8章，内容包括Vue.js概述、Vue.js的安装、定义页面、渲染视图、路由、发送HTTP请求、表单的绑定和提交、打包、部署、解决JS（JavaScript）的跨域问题、Debug、Component、Mixin、Vuex、页面的生命周期等，最后还给出一个农产品销售实战案例供读者了解Vue.js项目开发过程。

本书适合Vue.js初学者、Web前端开发人员，也适合高等院校和培训学校的师生教学参考。

申思维，软件行业老兵，2014年至今担任明创软件创始人兼CTO。stackoverflow.com分数17k。经历了人力外派、私企、中等规模外包公司、顶级外企和国内互联网知名企业，从事软件行业十七年，具有深厚的全栈开发功力。熟悉互联网运维，擅长技术团队的搭建、管理和人员培养。对于国内的软件现状理解深刻，对于行业前景和职业规划有着非常独到的见解。目前重点专注区块链技术、网络安全和软件行业的相关培训。

杜骁，从事软件行业全栈开发六年，精通前后端技术和全栈运维，具备丰富的团队管理经验。现服务于某香港上市集团的内部创业科技公司。负责开发数十个大中型软件项目，项目曾服务于交通部研究院、国家体育总局、猿辅导（国内知名教育机构）、欧亚卖场（亚洲*大的卖场）、区块链智能合约应用、股票交易所等。

第1章 Vue.js概述 1

第2章 原生的Vue.js 10

第3章 Webpack+Vue.js开发准备 25

第4章 Webpack+Vue.js实战 49

第5章 运维和发布Vue.js项目 109

第6章 进阶知识 124

第7章 实战周边及相关工具 193

第8章 实战项目 200

本书是根据笔者公司多年的实际项目开发经验编写的。

笔者从2014年开始创业，2016年开始独立运作软件公司，至今做了几十个项目。在这些项目中，对于手机端的Webpack呼声最高，大部分项目都要求在手机端使用Webpack打包。

在使用Vue.js之前，笔者考察过Angular（包括1.x、2.x版本）、React、Meteor，这几个框架要么是学习曲线陡峭，概念复杂，把简单的事情复杂化（如Angular）；要么就是编码风格不好，前后端代码混写在一起（如React、Meteor）。而Vue.js是当时在stackoverflow等国外技术站点上被一致看好的技术。

笔者第一次使用Vue.js 1.x是在2016年4月，我们发现Vue.js入门特别快，稍微有一定Webpack 开发经验的程序员在一周内就可以上手做项目，认真学习的话一个月就可以达到熟练水平（快速开发项目），两三个月就可以达到高级水平（熟练使用Vuex，自己写Component等）。这么快的上手速度，使用其他框架是不可想象的。总之，越是简洁的框架，就越好学。

后来，笔者在项目中使用它并一发不可收拾。只要是H5项目，就可以很好地用起来：快速开发、快速迭代、性能优异。

最后，Vue.js不但为业内掀起一股快速开发的浪潮，还带来了大量的工作机会。几乎只要有软件开发需求的国内公司，都会把Vue.js作为前端Web的首选技术框架。

学习目标

本书起源于笔者公司的员工培训教程，可以在极短的时间内（如一周）上手Vue.js项目。 可以让读者：

l 看得懂代码。

l 可以编写一些基本的功能。

l 可以调试和部署。

这就算入门H5开发了。

使用说明

如果把文档分成两类：

l Guide：教程型文档。

l API：接口型文档。

本文档就是入门的教程型文档。

书中出现的命令行统一以$作为开始。例如：

$ npm install

对命令行不熟悉的读者，在机器上输入命令时跳过前面的 $ 即可。

在线Demo与源代码下载

强烈建议读者读本书的时候，能同时查看在线Demo和源码，这样可以更好更快地入门。如果下载碰到问题，请联系booksaga@163.com，邮件主题写“Vue.js 3.x快速入门”。

本书第1~7章：

Demo：http://vue3_demo.sweetysoft.com。

源码：https://github.com/sg552/vue3_lesson_demo。

本书第8章：

Demo（微信打开）：http://shoph5.sweetysoft.com。

前端源码：https://github.com/sg552/vue3_book_last_chapter_demo_frontend。

后端源码：https://github.com/sg552/vuejs_book_last_chapter_demo_backend。

版本说明

截至2022年2月，Vue.js的版本是3.2.29。本书中的所有示例都是在该版本下演示的。

如果读者是一位没有任何工作经验的新人，并且日常使用Windows，建议使用Sublime（免费）+ Git Bash（免费）就可以运行本书中的所有例子了。如果读者是一名有工作经验的老手，则Linux、Mac是非常好的选择。

那么，我们就开始一段令人兴奋的学习历程吧！

作 者

2022年5月