编辑推荐
适读人群:《Vue.js项目实战》适合Vue初学者、开发者,以及对Vue感兴趣的前端开发人员阅读。
Vue易用、灵活、速度快,为构建完整的现代Web应用提供了所需的所有功能,其渐进式的特点也让开发者能够轻松上手,推出后迅速得到了前端开发人员的青睐。
《Vue.js项目实战》由Vue.js核心团队成员纪尧姆·周(GuillaumeChau)执笔,通过从头构建6个真实的Web应用,带领读者掌握Vue.js开发,将动画、路由、状态管理、服务端渲染和国际化等技巧提升到一个新的水平。
·用Webpack构建工具和官方脚手架工具vue-cli搭建完整的Vue.js项目
·用指令编写自动更新的模板,创建动态Web应用
·用可复用、可维护的组件构建应用
·借助动画创造令人愉悦的用户体验
·用构建工具和预处理器搭建大型专业应用
·用Vue.js官方路由库创建多页面应用
·将非Vue.js元素集成到应用中
·用官方状态管理库来预防错误
·用服务端渲染和国际化来优化应用性能,实现更好的搜索引擎优化
·利用全栈框架Meteor的实时处理功能内容简介
《Vue.js项目实战》基于6个项目来引导读者深入理解Vue.js。书中首先介绍Vue的基础知识,并使用指令和丰富的用户体验创建D一个Web应用;随后通过创建基于浏览器的游戏来介绍动画和交互性;然后通过可用的工具和预处理器讲解如何使用插件创建多页面应用,并为应用创建高效、高性能的组件;接下来创建一个在线商店并对其进行优化;zui后将Vue与实时库Meteor集成,创建一个显示实时数据的仪表盘。作者简介
【作者简介】
纪尧姆·周(GuillaumeChau)
Vue.js核心团队成员、ApolloGraphQL贡献者、Livestorm公司前端工程师。他分别将Vue.js与Meteor和ApolloGraphQL集成(vue-meteor和vue-apollo),帮助开发人员构建高交互性和实时的Web应用程序,还通过vue-virtual-scroller、vue-supply等工具为开源社区持续做出贡献。
【译者简介】
周智勋
旅居昆明,从事IT行业10余载,会写一些代码。闲时跑步打球,写写博客:破船之家。
张伟杰
不会跳舞的产品经理不是一个好程序员。爱跳舞、爱数码、爱技术,文艺青年的外表,技术宅男的内心。一个时常打破他人认知、无法被定义的人。
孔亚杰
一只后知后觉的“程序猿”,爱篮球、爱音乐、爱游戏,立志成为一名优秀的前端架构师。目前就职于上海一家人工智能猎头招聘平台。
李骏
软件工程师,有多年手机游戏和Web前端开发经验,现就职于北京一家科技公司。目录
第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