Vue.js前端开发实战

1、涵盖技术更广泛，更接近企业级开发需求。
2、完全考虑零基础学生，对零基础读者友好，内容更通俗易懂、学习连贯性更强。
3、实例简单易上手，项目完善有深度。
4、配套资源更丰富、教学服务更周到（免费提供各类教学资源，协助老师答疑解惑，定制教学资源，定期提供各类学习资源）。
5、1+X宣传文案，更有利于院校推广和使用。 

本书是一本入门教材，以通俗易懂的语言、丰富实用的案例，详细讲解Vue.js的开发技术。
全书共9章。第1章讲解Vue.js的基本概念和开发环境；第2、3章讲解Vue.js的开发基础；第4章讲解过渡和动画的实现方式与应用；第5、6章讲解Vue路由（vue-router）和Vuex状态管理；第7章讲解Vue.js开发环境的详细配置；第8章讲解服务器端渲染的理论与实践；第9章讲解“微商城”项目的开发实战。
本书既可作为高等院校计算机相关专业的Web前端开发课程的教材，也可作为广大IT技术人员和编程爱好者的参考读物。

黑马程序员，传智播客旗下高端IT教育品牌，成立于2006年，它是由中国Java培训先行者张孝祥老师发起，联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业。

第 1章　Vue.js基础入门 001

教学导航　001

1.1　初识Vue　001

1.1.1　前端技术的发展　001

1.1.2　什么是Vue　002

1.1.3　Vue的优势　002

1.2　搭建Vue开发环境　003

1.2.1　Visual Studio Code编辑器　003

1.2.2　Vue的下载和引入　004

1.2.3　git-bash命令行工具　004

1.2.4　Node.js环境　005

1.2.5　npm包管理工具　006

1.2.6　Chrome浏览器和vue-devtools

扩展　007

1.2.7　Hello World案例　008

1.3　webpack打包工具　009

1.3.1　安装webpack　009

1.3.2　webpack简单使用　009

1.3.3　构建Vue项目　010

本章小结　011

课后习题　011

第　2章Vue开发基础（上）　013

教学导航　013

2.1　Vue实例　013

2.1.1　创建Vue实例　013

2.1.2　el唯一根标签　014

2.1.3　data初始数据　015

2.1.4　methods定义方法　015

2.1.5　computed计算属性　016

2.1.6　watch状态监听　017

2.1.7　filters过滤器　018

2.2　Vue数据绑定　020

2.2.1　绑定样式　020

2.2.2　内置指令　022

2.2.3　学生列表案例　027

2.3　Vue事件　028

2.3.1　事件监听　028

2.3.2　事件修饰符　029

2.4　Vue组件　033

2.4.1　什么是组件　033

2.4.2　局部注册组件　034

2.4.3　template模板　035

2.4.4　组件之间的数据传递　036

2.4.5　组件切换　038

2.5　Vue的生命周期　039

2.5.1　钩子函数　039

2.5.2　实例创建　040

2.5.3　页面挂载　040

2.5.4　数据更新　041

2.5.5　实例销毁　042

本章小结　043

课后习题　043

第3章Vue开发基础（下）　045

教学导航　045

3.1　全局API　045

3.1.1　Vue.directive　045

3.1.2　Vue.use　046

3.1.3　Vue.extend　047

3.1.4　Vue.set　048

3.1.5　Vue.mixin　049

3.2　实例属性　049

3.2.1　vm.$props　050

3.2.2　vm.$options　052

3.2.3　vm.$el　052

3.2.4　vm.$children　053

3.2.5　vm.$root　054

3.2.6　vm.$slots　054

3.2.7　vm.$attrs　056

3.3　全局配置　056

3.3.1　productionTip　056

3.3.2　silent　057

3.3.3　devtools　058

3.4　组件进阶　058

3.4.1　mixins　059

3.4.2　render　060

3.4.3　createElement　061

本章小结　062

课后习题　062

第4章Vue过渡和动画　064

教学导航　064

4.1过渡和动画基础　064

4.1.1　什么是过渡和动画　064

4.1.2　transition组件　065

4.1.3　自定义类名　067

4.1.4　使用@keyframes创建CSS

动画　069

4.1.5　钩子函数实现动画　070

4.1.6　Vue结合Velocity.js实现动画　071

4.2　多个元素过渡　072

4.2.1　不同标签名元素的过渡　072

4.2.2　相同标签名元素的过渡　073

4.2.3　过渡模式　075

4.3　多个组件过渡　076

4.4　列表过渡　077

4.4.1　什么是列表过渡　077

4.4.2　列表的进入和离开过渡　077

4.4.3　列表的排序过渡　078

4.4.4　列表的交错过渡　080

4.4.5　可复用的过渡　082

本章小结　085

课后习题　086

第5章Vue路由　087

教学导航　087

5.1　初识路由　087

5.2　vue-router　089

5.2.1　vue-router的工作原理　089

5.2.2　vue-router的基本使用　090

5.2.3　路由对象的属性　091

5.3　用户登录注册案例　092

5.3.1　案例分析　092

5.3.2　准备工作　093

5.3.3　代码实现　096

5.4　动态路由　101

5.4.1　什么是动态路由　101

5.4.2　query方式传参　102

5.4.3　params方式传参　103

5.5　嵌套路由　104

5.5.1　什么是嵌套路由　104

5.5.2　嵌套路由案例　105

5.6　命名路由　107

5.6.1　什么是命名路由　107

5.6.2　命名路由案例　108

5.7　命名视图　109

5.7.1　什么是命名视图　109

5.7.2　命名视图案例　109

5.8　编程式导航　110

5.8.1　router.push()　110

5.8.2　router.replace()　113

5.8.3　router.go()　113

本章小结　114

课后习题　114

第6章Vuex状态管理　116

教学导航　116

6.1　初识Vuex　116

6.1.1　什么是Vuex　116

6.1.2　Vuex的下载和安装　117

6.1.3　计数器案例　120

6.1.4　Vuex状态管理模式　121

6.2　Vuex配置选项　122

6.2.1　actions　122

6.2.2　mutations　125

6.2.3　getters　128

6.2.4　modules　130

6.2.5　plugins　131

6.2.6　devtools　132

6.3　Vuex中的API　133

6.3.1　模块注册　133

6.3.2　状态替换　134

6.4　购物车案例　135

6.4.1　案例分析　135

6.4.2　代码实现　136

本章小结　142

课后习题　143

第7章Vue开发环境　144

教学导航　144

7.1　Vue CLI脚手架工具　144

7.1.1　安装前的注意事项　144

7.1.2　全局安装@vue/cli　145

7.1.3　使用vue create命令创建项目　145

7.1.4　使用GUI创建项目　147

7.2　插件　149

7.2.1　CLI插件　150

7.2.2　安装插件　150

7.3　CLI服务和配置文件　151

7.3.1　CLI服务　151

7.3.2　配置文件　152

7.3.3　配置多页应用　154

7.4　环境变量和模式　157

7.4.1　环境变量　157

7.4.2　模式　158

7.5　静态资源管理　158

本章小结　160

课后习题　160

第8章服务器端渲染　162

教学导航　162

8.1　初识服务器端渲染　162

8.1.1　客户端渲染与服务器端渲染的

　区别　162

8.1.2　服务器端渲染的注意事项　163

8.2　服务器端渲染的简单实现　164

8.2.1　创建vue-ssr项目　164

8.2.2　渲染Vue实例　164

8.2.3　Express搭建SSR　165

8.2.4　Koa搭建SSR　166

8.3　webpack搭建服务器端渲染　167

8.3.1　基本流程　167

8.3.2　项目搭建　168

8.4　Nuxt.js服务器端渲染框架　172

8.4.1　创建Nuxt.js项目　172

8.4.2　页面和路由　173

8.4.3　页面跳转　174

本章小结　174

课后习题　175

第9章“微商城”项目　176

教学导航　176

9.1　开发前准备　176

9.1.1　项目展示　176

9.1.2　技术方案　179

9.1.3　项目开发流程　180

9.2　项目搭建　180

9.2.1　创建项目　180

9.2.2　配置路由　181

9.2.3　配置Vuex　181

9.2.4　配置axios　182

9.2.5　目录结构　182

9.3　商城首页　182

9.3.1　页面结构　183

9.3.2　顶部标题栏　183

9.3.3　轮播图　185

9.3.4　九宫格展示区域　187

9.3.5　底部导航栏　187

9.4　新闻资讯　188

9.4.1　新闻资讯列表　188

9.4.2　新闻详情　189

9.5　图片分享　189

9.5.1　图片列表　190

9.5.2　图片详情　190

9.6　商品购买　192

9.6.1　商品详情页　192

9.6.2　购物车　194

9.7　分类列表　196

9.7.1　页面结构搭建　196

9.7.2　better-scroll的运用　197

本章小结　197

课后习题　197