前言

随着网络技术的飞速发展，各种前端开发技术层出不穷。前端工程化以及组件化开发模式日益流行，在流行框架的使用中也显得尤为突出。本书以大觅项目贯穿，核心技术栈采用在前端开发者社区颇受欢迎的Webpack+Vue.js+Vuex+ES6。

本书内容分为4个部分、10个章节，即项目起步、Vue.js介绍、项目插件、项目梳理4个部分，具体安排如下：

第一部分（第1～2章）：了解大觅项目的前端架构设计以及开发前的一些前置技能储备，包括能够使用Vue-cli脚手架搭建项目环境，与Vue.js配套的UI框架（iView框架）的使用，构建工具Webpack的安装配置和使用，大觅项目中ES6语法的使用，从而能够快速搭建项目并掌握开发项目的前置技能。

第二部分（第3～8章）：介绍Vue.js框架，主要包括路由搭建、Vue.js的基础知识、常用指令、与服务器端通信（Axios）、组件之间的通信、计算属性以及侦听器等内容。

第三部分（第9章）：针对大觅项目中使用的插件进行介绍，主要包括Vuex、百度地图插件以及生成二维码插件。插件在项目开发中经常用到，可以非常方便地帮助开发人员解决开发中遇到的实际问题，所以掌握插件的使用方法是非常有必要的。

第四部分（第10章）：经过前面9章内容的学习，读者已经具备了开发项目的能力，最后一章会针对项目进行总结梳理，并对项目页面进行逐一分析，读者可以对照项目截图学习，准确理解项目页面模块的实现思路，对开发项目来说将非常有帮助。

读者阅读本书还需要掌握正确的学习方法，养成课前预习、课上练习、课下复习的好习惯，相信持之以恒，定能学有所成，从而完成从“不会→会→熟练→精通”的蜕变。学完本书后，读者都能够掌握Vue.js框架，利用所学内容进行项目实战。

学习方法

初学编程技术，要养成好的学习习惯、掌握正确的学习方法，然后持之以恒，定能学有所成。以下介绍一些学习方法。

课前：

➢ 浏览预习作业，带着问题读教材，并记录疑问。

➢ 即使看不懂也要坚持看完。

➢ 提前将下一章的示例动手做一遍，记下问题。

➢ 框架和项目的侧重点是动手能力，不能只看理论，一定要多进行实际操作。

课上：

➢ 认真听讲，做好笔记。

➢ 完成上机练习或项目案例。

课后：

➢ 及时总结，完成教材中布置的作业。

➢ 多模仿，多练习。

➢ 多浏览技术论坛、博客，获取他人的开发经验。

本书提供了更加便捷的学习体验，读者可以直接扫描二维码下载书中所有的上机练习素材及作业素材。

本书由课工场Web全栈开发教研团队组织编写，参与编写的还有龙颖、李辉、崔欢欢、申玉霞等院校老师。尽管编者在写作过程中力求准确、完善，但书中不妥或错误之处仍在所难免，殷切希望广大读者批评指正！