• Stars
    star
    164
  • Rank 230,032 (Top 5 %)
  • Language
  • License
    MIT License
  • Created about 8 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

《Vue 实践揭秘》

Vue2实践揭秘

梁睿坤 (著)

书  号:978-7-121-31068-3

出版日期:2017-04-14

页  数:304

开  本:16(185*235)

出版状态:上市销售

本书以Vue2的实践应用为根基,从实际示例入手,详细讲解Vue2的基础理论应用及高级组件开发,通过简明易懂的实例代码,生动地让读者快速、全方位地掌握Vue2的各种入门技巧以及一些在实际项目中的宝贵经验。

本书除了全面、细致地讲述Vue2的生态结构、实际编程技巧和一些从实践中得到的经验,还重点介绍如何以组件化编程思想为指导,以前端工程化方法为实现手段来实践Vue2,通过组件的单元测试和E2E测试来保证工程质量。

目录

  • 前言
  • 第1章 - 例说Vue.js
    • 1.1 插值
    • 1.2 数据绑定
    • 1.3 样式绑定
    • 1.4 过滤器
  • 第2章 - 工程化的Vue.js开发
    • 2.1 - 脚手架 vue-cli
    • 2.2 - 深入 vue-cli 的工程模板
    • 2.3 - Vue工程的Webpack配置与基本用法
    • 2.4 - 基于Karma+Phantom+Mocha+Sinon+Chai的单元测试环境
    • 2.5 - 基于Nightwatch的端到端测试环境
  • 第3章 - 路由与页面间导航
    • 3.1 - vue-router
    • 3.2 - 路由的模式
    • 3.3 - 路由与导航
    • 3.4 - 导航状态与样式
    • 3.5 - URL的替换和追加
    • 3.6 - 关于Fallback
    • 3.7 - 小结
  • 第4章 - 组件化的设计与实现方法
    • 4.1 - 页面逻辑的实现
    • 4.2 - 封装可重用组件
    • 4.3 - 自定义事件
    • 4.4 - 数据接口的分析与提取
    • 4.5 - 从服务端获取数据
    • 4.6 - 创建复合型的模板组件
    • 4.7 - 数据模拟
    • 4.8 - 小结
    • 4.9 - 扩展阅读 - Vue组件的继承 mixin
  • 第5章 - VUE的测试与调试技术
    • 5.1 - Mocha入门
    • 5.2 - 组件的单元测试方法
    • 5.3 - 单元测试中的仿真技术
      • 5.3.1 - 调用侦测
      • 5.3.2 - Sinon断言扩展
      • 5.3.3 - 存根
      • 5.3.4 - 接口仿真
      • 5.3.5 - 后端服务仿真
    • 5.4 - 调试
    • 5.5 - Nightwatch入门
      • 5.5.1 - 编写端到端测试
      • 5.5.2 - 钩子函数与异步测试
      • 5.5.3 - 全局模块与Nightwatch调试
      • 5.5.4 - Page Objects 模式
        • 5.5.4.1 - 元素
        • 5.5.4.2 - 分段
        • 5.5.4.3 - 命令
  • 第6章 - 视图与表单的处理
    • 6.1 - 为Vue2集成uikit
    • 6.2 - 表格视图的实现
      • 6.2.1 - 实时数据筛选
      • 6.2.2 - 多行数据的选择
      • 6.2.3 - 排序的实现
    • 6.3 - 单一职责原则与高级组件开发方法
      • 6.3.1 - 搜索区组件
      • 6.3.2 - 母板组件
      • 6.3.3 - 重构模态对话框组件
      • 6.3.4 - 高级组件与Render方法
      • 6.3.5 - UIKit按钮组件
      • 6.3.6 - 通用表格组件
    • 6.4 - 表单的设计与实现
      • 6.4.1 - 计算属性的双向绑定
      • 6.4.2 - 富文本编辑器的实现
      • 6.4.3 - 嵌套式分页容器组件
      • 6.4.4 - 表单的验证
    • 6.5 - 接入服务端与CRUD的简化
    • 6.6 - HTTP拦截器
    • 6.7 - 开发服务器的定制
  • 第7章 - VUEX状态管理
    • 7.1 - Vuex的基本结构
    • 7.2 - data的替代者-State和Getter
    • 7.3 - 测试getter
    • 7.4 - Action-操作的执行者
    • 7.5 - 测试Action
    • 7.6 - 只用Mutation修改状态
    • 7.7 - 测试mutations
    • 7.8 - 子状态与模块
    • 7.9 - 用服务分离外部操作
  • 附录 - Chai断言参考
  • 附录 - Vee-Validate验证规则参考

相关源码

如果各位发现本书有何笔误或问题可以在这个Repository中的Issue中给我留言,可以包括书中内容及源码的内容等。

相关资源

以下是我在撰写本书时附带开发出的一些小项目,与本书的内容参考性也很大,有兴趣的读者也可以关注一下哦。

More Repositories

1

vue-bookstore

《Vue2实践揭秘》 第3~5章示例源码
Vue
49
star
2

vue-todos

《Vue实践揭秘》- 第1章 示例源码
CSS
33
star
3

flask-getting-started

Flask 入门课程附课源码
Python
31
star
4

vue-nvd3

The NVD3 chart library for Vue
JavaScript
31
star
5

dotnetage

The CMS fit your business
JavaScript
22
star
6

scrapy_plus

scrapy 常用爬网必备工具包
Python
22
star
7

vue-crud-tutorial

图书Vue CRUD 示例 《Vue2实践揭秘》 第6章示例源码
JavaScript
16
star
8

crawling_the_web

《虫术:Python绝技》随书源码
HTML
11
star
9

vue-ui

The UIKit for Vue
Vue
10
star
10

vue-easy-pie-chart

With full power of easy-pie-chart for Vue
JavaScript
9
star
11

DNA.Patterns

This library contains UnitOfWorks, Repository, Command, Command Manifest, Task command and EventAggregator pattern interfaces.
C#
7
star
12

Angular-CoffeeScript-Seed

JavaScript
4
star
13

douban

豆瓣读书爬虫
HTML
3
star
14

DNA.TextEngine

The opensource library provides a text format framework use to transform markup format to HTML. Ships BBCode formatter and Wiki formmater.
C#
3
star
15

DNA.Example.ProductCatalog

C#
2
star
16

SharedDbExample

In this example demonstrate how to use the DotNetAge default database in modules
C#
2
star
17

DNA.NoSQL

An embedded document based nosql database for .NET. Implement the UnitOfWorks and Repository patterns and ships BlobRepository, XMLRepository, JsonRepository and SQLCERepository.
C#
2
star
18

freezes

Freezes is a web application to transform plain text or blog to static website. And it can be use as a writing tools with pure markdown and front-end development tools.
Python
2
star
19

Flask-AngularJS-Seed

JavaScript
1
star
20

news-crawler

A general rss crawler
Python
1
star