Vue.js前端开发PDF电子书

本书主要介绍Vue.js的使用方法和在实际项目中的运用，它既可以在一个页面中单独使用，也可以将整站都构建成单页面应用。

为了便于理解，本书会从传统的开发角度切入，先从数据渲染、事件绑定等方面介绍在Vue.js中的使用方法，然后渐进到Vue.js自身的特性，例如数据绑定、过滤器、指令以及最重要的组件部分。

除了框架用法外，本书还介绍了和Vue.js相关的重要插件和构建工具，这些工具有助于帮助用户构建一个完整的单页面应用，而不仅仅是停留在个人DEMO阶段的试验品。而对于复杂项目，Vue.js也提供了对应的状态管理工具Vuex，降低项目的开发和维护成本。

鉴于完稿前，Vue.js 2.0已正式发布完毕，本书也在相关用法上对比了1.0和2.0的区别，并补充了render函数和服务端渲染等特性。

本书适用于尚未接触过MVVM类前端框架的开发者，或者初步接触Vue.js的开发者，以及实际应用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实例