本书以JavaScript为基础，以项目开发过程为主线，以Vue.js 3.0为开发工具，首先介绍从NoSQL数据库的搭建到Express项目API的编写过程，然后再由Vue.js显示在前端页面中，从而让读者可以迅速掌握Vue.js 3.0技术，提高项目开发水平。
本书共9章，分为4篇。第1篇“背景知识”，主要介绍Vue.js开发环境的搭建，是全书的基石；第2篇“项目设计”，主要介绍电影网站项目设计，涵盖ES 6、Webpack和工程化环境搭建等相关技术；第3篇“Vue.js应用开发”，主要介绍电影网站项目的前后端开发过程，涵盖前后端API开发、Node.js后端开发和Vue.js组件开发等相关技术；第4篇“页面优化”，主要介绍Vue.js的一些模板和框架的用法，带领读者制作更加美观的用户页面。
本书适合Vue.js初学者和进阶者阅读，也适合其他Web前后端开发爱好者阅读。对于一些IT领域的产品经理而言，本书也有较高的参考价值；对于一些培训机构和各类开设Web开发课程的学校来说，本书也是一本很好的项目开发教程。

张帆，资深全栈“码农”。有多年的项目设计和Web开发经验，熟悉各种主流前端和后端开发工具，长期从事新技术的研究与项目实践。现专注于JavaScript全栈开发，以及微信小程序和小游戏的开发实践与探索。

第1篇 背景知识
第1章 初探网页开发
1.1 网页开发的历史
1.1.1 传统网页开发
1.1.2 新前端网页开发
1.2 MVVM开发模式
1.2.1 为什么会出现MVVM
1.2.2 MVVM模式的优点
1.2.3 MVC、MVP和MVVM开发模式对比
1.3 Vue.js简介
1.4 Vue.js的安装
1.4.1 使用独立的版本
1.4.2 使用CDN安装
1.4.3 使用NPM安装
1.4.4 使用Chrome浏览器测试Vue.js的双向绑定
1.5 Vue.js的主要特性
1.5.1 组件
1.5.2 模板
1.5.3 响应式设计
1.5.4 过渡效果
1.5.5 单文件组件
1.6 小结与练习
1.6.1 小结
1.6.2 练习
第2篇 项目设计
第2章 Vue.js开发的准备工作
2.1 JavaScript运行与开发环境
2.1.1 神奇的包管理器——NPM
2.1.2 好用的浏览器——Chrome
2.1.3 Vue.js调试神器——vue—devtools
2.1.4 非常智能的IDE——WebStorm
2.2 ES 6简介
2.2.1 ES 6的前世今生
2.2.2 为什么要使用ES 6
2.3 ES 6的常用语法
2.3.1 默认参数
2.3.2 模板文本
2.3.3 多行字符串
2.3.4 解构赋值
2.3.5 增强的对象文本
2.3.6 箭头函数
2.3.7 Promise实现
2.3.8 构造块级作用域
2.3.9 类
2.3.10 模块
2.4 使用Babel进行ES 6的转化
2.4.1 安装Babel
2.4.2 使用Babel
2.5 精简压缩生产环境的Webpack
2.5.1 Webpack简介
2.5.2 配置一个完整项目的Webpack
2.5.3 不得不说的新版Webpack 4
2.6 小结与练习
2.6.1 小结
2.6.2 练习
第3章 从一个电影网站项目学习Vue.js
3.1 快速构建第一个Vue.js程序
3.1.1 通过CLI构建应用
3.1.2 输出Hello World
3.1.3 开发环境与生产环境
3.2 电影网站的设计
3.2.1 电影网站的功能设计
3.2.2 电影网站的路由设计
3.2.3 电影网站的页面设计
3.3 电影网站的技术选择
……
第3篇 Vue.js应用开发
第4篇 页面优化