Vue.js项目实战

  

   本书基于6个项目来引导读者深入理解Vue.js。书中首先介绍Vue的基础知识，并使用指令和丰富的用户体验创建靠前个Web应用；随后通过创建基于浏览器的游戏来介绍动画和交互性；然后通过可用的工具和预处理器讲解如何使用插件创建多页面应用，并为应用创建高效、高性能的组件；接下来创建一个在线商店并对其进行优化；很后将Vue与实时库Meteor集成，创建一个显示实时数据的仪表盘。

   纪尧姆·周，Vue.js核心团队成员、ApolloGraphQL贡献者、Livestorm公司前端工程师。他分别将Vue.js与Meteor和ApolloGraphQL集成（vue-meteor和vue-apollo），帮助开发人员构建高交互性和实时的Web应用程序，还通过vue-virtual-scroller、vue-supply等工具为开源社区持续做出贡献。

周智勋，旅居昆明，从事IT行业10余载，会写一些代码。闲时跑步打球，写写博客：破船之家。

   第1章Vue开发入门1

1.1为什么需要另外一个前端框架1

1.1.1一个有发展前景的项目2

1.1.2兼容性要求2

1.2一分钟设置3

1.3创建一个应用3

1.4借助模板实现DOM的动态性6

1.4.1文本显示6

1.4.2利用指令添加基本的交互7

1.5小结8

第2章项目1：Markdown笔记本9

2.1一个基本的笔记编辑器10

2.1.1项目设置10

2.1.2笔记编辑器11

2.1.3预览面板12

2.1.4保存笔记15

2.1.5加载已保存的笔记18

2.2多条笔记20

2.2.1笔记列表20

2.2.2选中一条笔记25

2.2.3笔记工具栏32

2.2.4状态栏36

2.3小结40

第3章项目2：城堡决斗游戏41

3.1游戏规则41

3.2项目设置44

3.3暴风雨前的平静45

3.3.1模板选项45

3.3.2应用的state45

3.3.3万能的组件47

3.4构建用户界面48

3.4.1第一个组件：顶栏48

3.4.2显示卡牌52

3.4.3手牌57

3.4.4浮层68

3.5游戏世界和场景75

3.5.1城堡75

3.5.2城堡旗帜77

3.5.3云的动画82

3.6游戏玩法85

3.6.1抽取卡牌85

3.6.2出牌86

3.6.3下一回合90

3.7小结92

第4章高级项目设置93

4.1设置开发环境93

4.1.1安装官方命令行工具vue-cli93

4.1.2代码编辑器94

4.2第一个完整的Vue应用94

4.2.1项目脚手架94

4.2.2创建应用95

4.2.3渲染函数96

4.2.4配置Babel97

4.2.5更新依赖98

4.2.6为生产构建99

4.3单文件组件100

4.3.1模板101

4.3.2脚本102

4.3.3样式104

4.3.4组件内的组件106

4.4小结108

第5章项目3：支持中心109

5.1通用应用结构109

5.1.1项目设置109

5.1.2路由和页面110

5.2FAQ——使用API119

5.2.1服务器设置119

5.2.2使用fetch119

5.2.3用自己的插件扩展Vue124

5.2.4使用mixin复用代码126

5.3支持工单132

5.3.1用户认证132

5.3.2显示和增加工单152

5.3.3高级路由特性164

5.4小结171

第6章项目4：博客地图172

6.1Google认证和状态管理173

6.1.1项目设置173

6.1.2使用Vuex进行状态管理177

6.1.3用户状态187

6.2嵌入Google地图193

6.2.1安装193

6.2.2添加地图194

6.2.3将BlogMap连接到store196

6.3博客和评论201

6.3.1在store中添加博客模块201

6.3.2渲染函数和JSX202

6.3.3创建一篇博客210

6.3.4获取博客列表217

6.3.5选中博客222

6.4小结231

第7章项目5：在线商店以及扩展232

7.1高级开发流程232

7.1.1项目设置233

7.1.2使用PostCSS为CSS自动添加前缀235

7.1.3通过ESLint提升代码质量和风格236

7.1.4Jest单元测试240

7.2补充话题245

7.2.1国际化和代码拆分245

7.2.2服务端渲染250

7.2.3生产环境构建260

7.3小结263

第8章项目6：使用Meteor开发实时仪表盘264

8.1项目设置265

8.1.1什么是Meteor265

8.1.2安装Meteor265

8.1.3创建项目266

8.1.4第一个VueMeteor应用266

8.1.5路由268

8.2产品测量记录269

8.2.1集成Meteor集合269

8.2.2设置数据269

8.2.3模拟测量记录270

8.3仪表盘和报告272

8.3.1进度条库272

8.3.2Meteor发布272

8.3.3创建仪表盘组件273

8.4小结277