Vue.js 前端开发 快速入门与专业应用电子书

内容提要

前言

第1章 Vue.js简介

1.1 Vue.js是什么

1.2 为什么要用Vue.js

1.3 Vue.js的Hello world

第2章 基础特性

2.1 实例及选项

2.1.1 模板

2.1.2 数据

2.1.3 方法

2.1.4 生命周期

2.2 数据绑定

2.2.1 数据绑定语法

2.2.2 计算属性

2.2.3 表单控件

2.2.4 Class与Style绑定

2.3 模板渲染

2.3.1 前后端渲染对比

2.3.2 条件渲染

2.3.3 列表渲染

2.3.4 template标签用法

2.4 事件绑定与监听

2.4.1 方法及内联语句处理器

2.4.2 修饰符

2.4.3 与传统事件绑定的区别

2.5 Vue.extend()

第3章 指令

3.1 内置指令

3.1.1 v-bind

3.1.2 v-model

3.1.3 v-if/v-else/v- show

3.1.4 v-for

3.1.5 v-on

3.1.6 v-text

3.1.7 v-HTML

3.1.8 v-el

3.1.9 v-ref

3.1.10 v-pre

3.1.11 v-cloak

3.1.12 v-once

3.2 自定义指令基础

3.2.1 指令的注册

3.2.2 指令的定义对象

3.2.3 指令实例属性

3.2.4 元素指令

3.3 指令的高级选项

3.3.1 params

3.3.2 deep

3.3.3 twoWay

3.3.4 acceptStatement

3.3.5 terminal

3.3.6 priority

3.4 指令在Vue.js 2.0中的变化

3.4.1 新的钩子函数

3.4.2 钩子函数实例和参数变化

3.4.3 update函数触发变化

3.4.4 参数binding对象

第4章 过滤器

4.1 过滤器注册

4.2 双向过滤器

4.3 动态参数

4.4 过滤器在Vue.js 2.0中的变化

第5章 过渡

5.1 CSS过渡

5.1.1 CSS过渡的用法

5.1.2 CSS过渡钩子函数

5.1.3 显示声明过渡类型

5.1.4 自定义过渡类名

5.2 JavaScript过渡

5.2.1 Velocity.js

5.2.2 JavaScript过渡使用

5.3 过渡系统在Vue.js 2.0中的变化

5.3.1 用法变化

5.3.2 类名变化

5.3.3 钩子函数变化

5.3.4 transition-group

第6章 组件

6.1 组件注册

6.1.1 全局注册

6.1.2 局部注册

6.1.3 注册语法糖

6.2 组件选项

6.2.1 组件选项中与Vue选项的区别

6.2.2 组件Props

6.3 组件间通信

6.3.1 直接访问

6.3.2 自定义事件监听

6.3.3 自定义事件触发机制

6.3.4 子组件索引

6.4 内容分发

6.4.1 基础用法

6.4.2 编译作用域

6.4.3 默认slot

6.4.4 slot属性相同

6.4.5 Modal实例

6.5 动态组件

6.5.1 基础用法

6.5.2 keep-alive

6.5.3 activate钩子函数

6.6 Vue.js 2.0中的变化

6.6.1 event

6.6.2 keep-alive

6.6.3 slot

6.6.4 refs

第7章 Vue.js常用插件

7.1 Vue-router

7.1.1 引用方式

7.1.2 基本用法

7.1.3 嵌套路由

7.1.4 路由匹配

7.1.5 具名路由

7.1.6 路由对象

7.1.7 v-link

7.1.8 路由配置项

7.1.9 route钩子函数

7.1.10 路由实例属性及方法

7.1.11 vue-router 2.0 的变化

7.2 Vue-resource

7.2.1 引用方式

7.2.2 使用方式

7.2.3 $http的api方法和选项参数

7.2.4 拦截器

7.2.5 $resource用法

7.2.6 封装Service层

7.3 Vue-devtools

7.3.1 安装方式

7.3.2 使用效果

第8章 Vue.js工程实例

8.1 准备工作

8.1.1 webpack

8.1.2 vue-loader

8.2 目录结构

8.3 前端开发

8.4 后端联调

8.5 部署上线

8.5.1 生成线上文件

8.5.2 nginx

8.5.3 gitlab

8.5.4 jenkins

小结

第9章 状态管理：Vuex

9.1 概述

9.2 简单实例

9.2.1 所需组件

9.2.2 创建并注入store

9.2.3 创建action及组件调用方式

9.2.4 创建mutation

9.2.5 组件获取state

小结

9.3 严格模式

9.4 中间件

9.4.1 快照

9.4.2 logger

9.5 表单处理

9.6 目录结构

9.6.1 简单项目

9.6.2 大型项目

9.7 实例

9.7.1 state结构

9.7.2 actions.js

9.7.3 app.js

9.7.4 组件结构

9.7.5 base组件

9.7.6 展示结果

9.8 Vue.js 2.0的变化

9.8.1 State

9.8.2 Getters

9.8.3 Mutations

9.8.4 Actions

9.8.5 Modules

第10章 跨平台开发：Weex

10.1 Weex简介

10.2 Weex安装

10.2.1 ios环境安装

10.2.2 android环境安装

10.2.3 web端运行

10.3 Weex实例与运行

10.4 Weex基础语法

10.4.1 数据绑定

10.4.2 事件绑定

10.4.3 模板逻辑

10.5 Weex内置组件

10.5.1 scroller

10.5.2 list

10.5.3 Switch

10.5.4 Slider

10.5.5 wxc-tabbar

10.5.6 wxc-navpage

小结

10.6 Weex内置模块

10.6.1 dom

10.6.2 steam

10.6.3 modal

10.6.4 animation

10.6.5 webview

10.6.6 navigator

10.6.7 storage

小结

第11章 Vue.js 2.0新特性

11.1 Render函数

11.1.1 createElement用法

11.1.2 使用案例

11.1.3 函数化组件

11.1.4 JSX

小结

11.2 服务端渲染

11.2.1 vue-server-renderer

11.2.2 简单实例

11.2.3 缓存和流式响应

11.2.4 SPA实例

小结