前言

Vue.js是当今全球非常流行的三大前端框架之一，在短短几年的时间内，其在GitHub上便获得了20万颗星的好评；尤其是在近一两年内，其在中国成为非常流行的前端框架之一。Vue.js之所以能够受到如此广泛的欢迎，是因为在移动互联网的大背景下，它顺应了前后端分离开发模式的演进趋势，为开发者提供了高效且友好的开发环境，这极大地解放了程序员的生产力。与之配合使用的另一个UI层框架Bootstrap，近年来也在不断演进，特别是在其最新的5.0版中大量引入“工具类”的概念，其与“组件化”的传统理念相配合，大大简化了在前端开发中经常会遇到的烦琐操作，进而极大程度地提高了工作效率。

本书通过大量案例深入讲解了使用Vue.js和Bootstrap进行前端开发的相关概念、原理和方法。

编写思路

本书在第一篇中，首先从Vue.js的基础知识讲起，在不引入脚手架等工具的情况下，介绍MVVM的核心原理，并对Vue.js的插值、指令、侦听器等内容进行讲解；然后引入组件的概念，介绍组件化开发的思想；最后对AJAX、路由、状态管理等内容进行拓展讲解。在第二篇中，讲解了如何使用Bootstrap开发移动优先、响应式布局的Web应用。在第三篇中，通过两个完整的综合案例，帮助读者对前面讲解的内容进行实践与复习。本书十分重视“知识体系”和“案例体系”的构建，并且通过不同案例对相关知识点进行说明，以期培养读者在Web前端开发领域的实战技能。读者可以扫码预览本书各章案例。

各章案例预览

特别说明

（1）学习本书所需的前置知识是HTML5、CSS3和JavaScript这3种基础语言。读者可以参考本书配套的知识导图，检验自己对相关知识的掌握程度。

（2）学习本书时，读者需要特别重视前3章（尤其是第3章）的内容，其对Vue.js中最具特色的“响应式”原理进行了深入讲解。“响应式”原理是Vue.js框架的核心基础原理，如果读者能够从原理层面理解“响应式”的操作，那后面章节的学习就会比较轻松。

（3）在版本方面，虽然已发布Vue.js 3，但考虑到目前在业界大多数企业使用的仍是Vue.js 2，另外Vue.js2的技术资料比较多，对于教学更加有益，因此，本书基于Vue.js2进行相关内容的讲解，对应的Vue.js3版本的源代码参见本书配套资源。

（4）在Bootstrap部分需要理解“原子化”的理念，以及“工具类”的使用方法。如果先把“原子化”的理念理解透彻，后面使用各种工具类时就会得心应手。

最后，祝愿读者学习愉快，早日成为一名优秀的Web前端开发者。

温谦
2021年冬于北京