Vue.js前端开发实战

Web前端开发主要使用HTML、CSS 和JavaScript框架（Vue.js）。HTML主要用来编写网页的结构。CSS主要用来实现页面样式，包括颜色、大小、字体等，实现布局美观、合理的页面效果。JavaScript主要用来实现页面逻辑、行为、动作等，动态操作元素的属性，为页面提供交互效果，实现更好的用户体验。在构建大型交互式项目时，需要使用JavaScript语言编写的框架来提高开发效率。JavaScript框架的核心理念是让开发者只需写很少的代码，就可以实现更多的功能。Vue （读音\[vju\]） 是一套用于构建用户界面的渐进式JavaScript框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。为方便读者阅读并上机练习，本书在章节内容安排上注重循序渐进，实用性强。全书共分11章，每章内容简介如下：第1章主要介绍Web前端开发的基础知识。在前端开发中，读者将使用HTML5作为构建Web页面内容的基础语言，编写网页的结构；使用CSS3实现页面样式；使用JavaScript作为实现页面逻辑、行为和动作等的基础语言；使用Vue作为前端开发的JavaScript框架；使用ElementUI或MintUI作为用户界面UI组件库。第2章主要介绍Visual Studio Code、HBuilderX、Notepad  、谷歌浏览器、火狐浏览器等开发工具。如果读者没有熟悉的Web前端开发工具，建议直接使用本章推荐的工具。当然，读者也可以选择自己习惯使用的开发工具。第3章主要对Vue基础语法及应用进行讲解，包括Vue实例及配置选项、Vue数据绑定、Vue事件、Vue组件、Vue生命周期、Vue全局API、Vue实例属性、Vue组件合并和Vue全局配置等。第4章主要介绍Vue路由，包括vuerouter基础，使用动态路由进行路由匹配，嵌套路由，命名路由，命名视图和编程式导航等。Vue路由允许用户使用不同的URL来访问不同的内容。第5章主要围绕Vuex状态管理进行详细讲解，包括Vuex基础知识、Vuex配置选项、Vuex中的API等。第6章主要介绍过渡和动画基础、多个元素过渡、多个组件过渡、列表过渡。在Web项目中合理使用过渡和动画效果，能够改善用户体验，提高页面的交互性，影响用户的行为，引导用户的注意力以及帮助用户看到自己动作的反馈。第7章主要对Vue开发环境搭建及其应用进行讲解，包括Vue开发环境的搭建方法，Vue项目的创建方法，CLI服务的原理，vue.config.js文件的配置方法，全局环境变量与模式的配置及静态资源的处理。在页面中通过

本书系统地介绍了Vue.js前端开发的主要知识和典型应用，内容涵盖Web前端开发基础、常用开发工具、Vue基本语法及应用、Vue路由、Vuex状态管理、Vue过渡和动画、Vue高级开发环境、路由及状态管理进阶、服务器端渲染、UI框架的应用和网络日记系统前端开发等。本书精心选择和组织Vue.js框架知识，按照工作过程设计学习任务，内容循序渐进，语言通俗易懂，实验步骤详尽，可以帮助读者快速掌握Vue.js的相关知识及应用，切实有效地提高前端应用的开发技能。通过引入并使用ElementUI、MintUI等UI框架，读者可以轻松开发出具有极佳用户体验的界面。本书结构合理，内容丰富，实用性强，可以作为高等院校计算机及相关专业学生的教材，也可以作为前端开发工程师的培训教材。前端开发人员及移动应用开发人员也可以选择本书作为自学用书。

张建宁，高级工程师，先后在软件公司及某知名IT培训机构担任高级工程师及讲师职务。作者长期从事软件开发及教学工作，具有丰富的开发及教学经验，任教期间获得了领导及学生的一致好评。

第1章Web前端开发基础/1

1.1HTML5/1

1.2CSS3/2

1.3JavaScript/3

1.4jQuery简介/33

1.5Vue/34

1.6ElementUI/34

1.7MintUI/34

1.8前端开发技术选型/35

第2章常用开发工具/36

2.1Visual Studio Code/36

2.2HBuilderX/40

2.3Notepad  /41

2.4谷歌/火狐浏览器/43

2.5JavaScript基本应用/45

2.6jQuery基本应用/53

2.7Vue基本应用/54

第3章Vue基本语法及应用/58

3.1Vue实例及配置选项/58

3.2Vue数据绑定/67

3.3Vue事件/79

3.4Vue组件/86

3.5Vue生命周期/95

3.6Vue全局API/101

3.7Vue实例属性/107

3.8Vue组件合并/117

3.9Vue全局配置/121

第4章Vue路由/127

4.1路由简介/127

4.2vuerouter基础/128

4.3动态路由/131

4.4嵌套路由/135

4.5命名路由/138

4.6命名视图/140

4.7编程式导航/143

第5章Vuex状态管理/149

5.1Vuex入门/149

5.2Vuex配置选项/155

5.3Vuex中的API/170

第6章Vue过渡和动画/174

6.1过渡和动画基础/174

6.2多个元素过渡/183

6.3多个组件过渡/188

6.4列表过渡/190

第7章Vue高级开发环境/202

7.1搭建Vue开发环境/202

7.2插件/213

7.3CLI服务和配置文件/214

7.4环境变量和模式/220

7.5静态资源管理/222

第8章路由及状态管理进阶/225

8.1用户登录注册案例/225

8.2购物车案例/231

第9章服务器端渲染/244

9.1服务器端渲染概述/244

9.2手动搭建简单服务器端渲染项目/245

9.3Vue CLI webpack搭建服务器端渲染项目/249

9.4Nuxt.js搭建服务器端渲染项目器/254

第10章UI框架的应用/260

10.1ElementUI/260

10.2MintUI/270

第11章网络日记系统前端开发/278

11.1系统概述/278

11.2环境准备/280

11.3项目搭建/280

11.4用户模块/283

11.5日记模块/290

参考文献/309  

本书系统地介绍了Vue.js前端开发的主要知识和典型应用，内容涵盖Web前端开发基础、常用开发工具、Vue基本语法及应用、Vue路由、Vuex状态管理、Vue过渡和动画、Vue高级开发环境、路由及状态管理进阶、服务器端渲染、UI框架的应用和网络日记系统前端开发等。本书精心选择和组织Vue.js框架知识，按照工作过程设计学习任务，内容循序渐进，语言通俗易懂，实验步骤详尽，可以帮助读者快速掌握Vue.js的相关知识及应用，切实有效地提高前端应用的开发技能。通过引入并使用ElementUI、MintUI等UI框架，读者可以轻松开发出具有极佳用户体验的界面。本书结构合理，内容丰富，实用性强，可以作为高等院校计算机及相关专业学生的教材，也可以作为前端开发工程师的培训教材。前端开发人员及移动应用开发人员也可以选择本书作为自学用书。

张建宁，高级工程师，先后在软件公司及某知名IT培训机构担任高级工程师及讲师职务。作者长期从事软件开发及教学工作，具有丰富的开发及教学经验，任教期间获得了领导及学生的一致好评。

？Web前端开发主要使用HTML、CSS和JavaScript框架（如Vue.js、React等）。HTML主要用来编写网页的结构。CSS主要用来实现页面样式，包括颜色、大小、字体等，实现布局美观、合理的页面效果。JavaScript主要用来实现页面逻辑、行为、动作等，动态操作元素的属性，为页面提供交互效果，实现更好的用户体验。在构建大型交互式项目时，需要使用JavaScript语言编写的框架来提高开发效率。Vue是一套用于构建用户界面的渐进式JavaScript框架，是目前国内应用*广泛的JS框架之一。？本书系统地介绍了Vue.js前端开发的主要知识和典型应用，内容涵盖Web前端开发基础、常用开发工具、Vue开发入门、Vue基本语法及应用、Vue路由、Vuex状态管理、Vue过渡和动画、Vue开发环境进阶、路由及状态管理进阶、服务器端渲染、UI框架的应用和综合项目实践等。？本书精心选择和组织Vue.js框架知识，按照工作过程设计学习任务，内容循序渐进，语言通俗易懂，实验步骤详尽，可以帮助读者快速掌握Vue.js的相关知识及应用。通过引入并使用Element-UI、Mint-UI等UI框架，读者可以轻松开发出具有极佳用户体验的界面。