Vue.js跨平台开发基础教程

参考文献

附录B CSS动画

附录A CSS过渡

附录

实训10

习题10

模块小结

10.7.2 项目总结

10.7.1 项目测试与运行

任务10.7 项目测试与总结

10.6.2 商品维护

10.6.1 商品列表设计

任务10.6 设计商品管理模块

10.5.2 首页设计

10.5.1 菜单设计

任务10.5 设计商家后台管理模块

10.4.2 设计购物结算栏

10.4.1 设计商品信息栏

任务10.4 设计“我的购物车”页面

10.3.3 设计商品展示栏

10.3.2 设计标题搜索栏

10.3.1 设计导航信息栏

任务10.3 设计系统首页

10.2.4 创建准备

10.2.3 项目创建

10.2.2 项目分析

10.2.1 项目概述

任务10.2 分析电子商务系统

10.1.2 使用element-ui

10.1.1 element-ui概述

任务10.1 掌握element-ui的用法

模块10 电子商务系统

实训9

习题9

模块小结

9.5.3 项目测试与运行

9.5.2 项目实施

9.5.1 项目创建

任务9.5 开发天气预报CLI项目

9.4.2 参数传递

9.4.1 Axios概述

任务9.4 掌握Axios的用法

9.3.2 动态注册模块

9.3.1 modules选项

任务9.3 使用模块定义Vuex

9.2.4 Action

9.2.3 Mutation

9.2.2 Getter

9.2.1 状态管理

任务9.2 学习Store构造器的选项

9.1.2 Store构造器

9.1.1 Vuex概述

任务9.1 了解Vuex基础知识

模块9 Vuex与Axios

实训8

习题8

模块小结

8.4.2 安装插件

8.4.1 CLI插件

任务8.4 开发用户管理CLI项目

8.3.3 CLI项目结构分析

8.3.2 导入与导出语句

8.3.1 单文件组件

任务8.3 实战CLI项目

8.2.2 在HBuilderX环境下创建与运行CLI项目

8.2.1 命令行创建与运行CLI项目

任务8.2 创建CLI项目

8.1.3 Git-Bash命令行工具

8.1.2 CLI安装必备

8.1.1 Vue CLI的特点

任务8.1 了解CLI基础知识

模块8 Vue CLI

实训7

习题7

模块小结

7.3.2 嵌套路由子级设计

7.3.1 嵌套路由父级设计

任务7.3 设计嵌套路由

7.2.5 路由的模式

7.2.4 params方式的参数传递

7.2.3 query方式的参数传递

7.2.2 路由管理器对象

7.2.1 路由实例

任务7.2 给路由传递参数

7.1.5 路由过渡

7.1.4 路由导航

7.1.3 路由构造器

7.1.2 路由视图

7.1.1 单页面应用

任务7.1 设计页面路由

模块7 Vue路由

实训6

习题6

模块小结

6.3.3 动态组件过渡

6.3.2 动态组件

6.3.1 $emit()方法

任务6.3 开发管理用户账户组件

6.2.3 箭头函数

6.2.2 插槽

6.2.1 props选项

任务6.2 编写搜索框组件

6.1.4 组件的生命周期

6.1.3 选项作用域

6.1.2 组件模板

6.1.1 组件定义与注册

任务6.1 设计计分器组件

模块6 Vue自定义组件

实训5

习题5

模块小结

5.3.3 开发插件

5.3.2 安装插件

5.3.1 插件概述

任务5.3 掌握插件用法

5.2.2 混入（mixin）

5.2.1 继承（extend）

任务5.2 设计维护用户信息程序

5.1.2 响应式属性（set）

5.1.1 自定义指令

任务5.1 设计管理用户权限指令

模块5 Vue复用

实训4

习题4

模块小结

4.3.4 状态过渡

4.3.3 交错过渡

4.3.2 排序过渡属性（move）

4.3.1 <transition-group>组件定义

任务4.3 掌握列表与状态过渡方法

4.2.2 过渡模式

4.2.1 多元素过渡

任务4.2 掌握多元素过渡方法

4.1.5 初始动画属性

4.1.4 钩子函数

4.1.3 自定义类名属性

4.1.2 类名前缀属性

4.1.1 <transition>组件定义

任务4.1 学习过渡组件

模块4 Vue过渡

实训3

习题3

模块小结

3.3.3 v-on指令修饰符

3.3.2 v-on指令

3.3.1 v-for指令

任务3.3 设计电子商务购物车

3.2.3 绑定class与style属性

3.2.2 过滤v-bind指令绑定的属性

3.2.1 v-bind指令

任务3.2 开发用户登录程序

3.1.4 v-if、v-else和v-show指令

3.1.3 v-model指令

3.1.2 v-html指令

3.1.1 v-text指令

任务3.1 开发用户注册程序

模块3 Vue指令

实训2

习题2

模块小结

2.4.3 Vue实例方法与属性

2.4.2 生命周期事件

2.4.1 生命周期概述

任务2.4 学习Vue生命周期

2.3.3 computed与watch选项的应用场景

2.3.2 状态监听选项（watch）

2.3.1 计算选项（computed）

任务2.3 编写模拟购物车

2.2.2 方法选项（methods）

2.2.1 过滤选项（filters）

任务2.2 设计数据编码器

2.1.3 数据选项（data）

2.1.2 根元素选项（el）

2.1.1 创建Vue实例

任务2.1 显示诗词

模块2 Vue实例

实训1

习题1

模块小结

1.2.3 创建与调试Vue项目

1.2.2 安装HBuilderX编辑器

1.2.1 编辑器概述

任务1.2 熟悉Vue项目开发环境

1.1.4 Vue的优势

1.1.3 什么是Vue

1.1.2 Vue创始人介绍

1.1.1 前端开发概述

任务1.1 了解Vue基础知识

模块1 Vue概述

前言

版权信息

封面

封面

版权信息

前言

模块1 Vue概述

任务1.1 了解Vue基础知识

1.1.1 前端开发概述

1.1.2 Vue创始人介绍

1.1.3 什么是Vue

1.1.4 Vue的优势

任务1.2 熟悉Vue项目开发环境

1.2.1 编辑器概述

1.2.2 安装HBuilderX编辑器

1.2.3 创建与调试Vue项目

模块小结

习题1

实训1

模块2 Vue实例

任务2.1 显示诗词

2.1.1 创建Vue实例

2.1.2 根元素选项（el）

2.1.3 数据选项（data）

任务2.2 设计数据编码器

2.2.1 过滤选项（filters）

2.2.2 方法选项（methods）

任务2.3 编写模拟购物车

2.3.1 计算选项（computed）

2.3.2 状态监听选项（watch）

2.3.3 computed与watch选项的应用场景

任务2.4 学习Vue生命周期

2.4.1 生命周期概述

2.4.2 生命周期事件

2.4.3 Vue实例方法与属性

模块小结

习题2

实训2

模块3 Vue指令

任务3.1 开发用户注册程序

3.1.1 v-text指令

3.1.2 v-html指令

3.1.3 v-model指令

3.1.4 v-if、v-else和v-show指令

任务3.2 开发用户登录程序

3.2.1 v-bind指令

3.2.2 过滤v-bind指令绑定的属性

3.2.3 绑定class与style属性

任务3.3 设计电子商务购物车

3.3.1 v-for指令

3.3.2 v-on指令

3.3.3 v-on指令修饰符

模块小结

习题3

实训3

模块4 Vue过渡

任务4.1 学习过渡组件

4.1.1 <transition>组件定义

4.1.2 类名前缀属性

4.1.3 自定义类名属性

4.1.4 钩子函数

4.1.5 初始动画属性

任务4.2 掌握多元素过渡方法

4.2.1 多元素过渡

4.2.2 过渡模式

任务4.3 掌握列表与状态过渡方法

4.3.1 <transition-group>组件定义

4.3.2 排序过渡属性（move）

4.3.3 交错过渡

4.3.4 状态过渡

模块小结

习题4

实训4

模块5 Vue复用

任务5.1 设计管理用户权限指令

5.1.1 自定义指令

5.1.2 响应式属性（set）

任务5.2 设计维护用户信息程序

5.2.1 继承（extend）

5.2.2 混入（mixin）

任务5.3 掌握插件用法

5.3.1 插件概述

5.3.2 安装插件

5.3.3 开发插件

模块小结

习题5

实训5

模块6 Vue自定义组件

任务6.1 设计计分器组件

6.1.1 组件定义与注册

6.1.2 组件模板

6.1.3 选项作用域

6.1.4 组件的生命周期

任务6.2 编写搜索框组件

6.2.1 props选项

6.2.2 插槽

6.2.3 箭头函数

任务6.3 开发管理用户账户组件

6.3.1 $emit()方法

6.3.2 动态组件

6.3.3 动态组件过渡

模块小结

习题6

实训6

模块7 Vue路由

任务7.1 设计页面路由

7.1.1 单页面应用

7.1.2 路由视图

7.1.3 路由构造器

7.1.4 路由导航

7.1.5 路由过渡

任务7.2 给路由传递参数

7.2.1 路由实例

7.2.2 路由管理器对象

7.2.3 query方式的参数传递

7.2.4 params方式的参数传递

7.2.5 路由的模式

任务7.3 设计嵌套路由

7.3.1 嵌套路由父级设计

7.3.2 嵌套路由子级设计

模块小结

习题7

实训7

模块8 Vue CLI

任务8.1 了解CLI基础知识

8.1.1 Vue CLI的特点

8.1.2 CLI安装必备

8.1.3 Git-Bash命令行工具

任务8.2 创建CLI项目

8.2.1 命令行创建与运行CLI项目

8.2.2 在HBuilderX环境下创建与运行CLI项目

任务8.3 实战CLI项目

8.3.1 单文件组件

8.3.2 导入与导出语句

8.3.3 CLI项目结构分析

任务8.4 开发用户管理CLI项目

8.4.1 CLI插件

8.4.2 安装插件

模块小结

习题8

实训8

模块9 Vuex与Axios

任务9.1 了解Vuex基础知识

9.1.1 Vuex概述

9.1.2 Store构造器

任务9.2 学习Store构造器的选项

9.2.1 状态管理

9.2.2 Getter

9.2.3 Mutation

9.2.4 Action

任务9.3 使用模块定义Vuex

9.3.1 modules选项

9.3.2 动态注册模块

任务9.4 掌握Axios的用法

9.4.1 Axios概述

9.4.2 参数传递

任务9.5 开发天气预报CLI项目

9.5.1 项目创建

9.5.2 项目实施

9.5.3 项目测试与运行

模块小结

习题9

实训9

模块10 电子商务系统

任务10.1 掌握element-ui的用法

10.1.1 element-ui概述

10.1.2 使用element-ui

任务10.2 分析电子商务系统

10.2.1 项目概述

10.2.2 项目分析

10.2.3 项目创建

10.2.4 创建准备

任务10.3 设计系统首页

10.3.1 设计导航信息栏

10.3.2 设计标题搜索栏

10.3.3 设计商品展示栏

任务10.4 设计“我的购物车”页面

10.4.1 设计商品信息栏

10.4.2 设计购物结算栏

任务10.5 设计商家后台管理模块

10.5.1 菜单设计

10.5.2 首页设计

任务10.6 设计商品管理模块

10.6.1 商品列表设计

10.6.2 商品维护

任务10.7 项目测试与总结

10.7.1 项目测试与运行

10.7.2 项目总结

模块小结

习题10

实训10

附录

附录A CSS过渡

附录B CSS动画

参考文献