Vue.js 3.0 从入门到精通(视频教学版)电子书

封面页

书名页

版权页

内容简介

前言

本书内容

本书特色

源码、课件、教学视频下载与技术支持

读者对象

鸣谢

目录

第1章　快速进入Vue.js的世界

1.1　前端开发技术的发展

1.2　MV*模式

1.2.1　MVC模式

1.2.2　MVVM模式

1.3　Vue.js概述

1.4　Vue.js的发展历程

1.5　Vue.js 3.0的新变化

1.6　疑难解惑

第2章　搭建开发与调试环境

2.1　安装Vue.js

2.1.1　使用CDN方式

2.1.2　NPM

2.1.3　命令行工具（CLI）

2.1.4　使用Vite方式

2.2　安装WebStorm

2.3　安装vue-devtools

2.4　第一个Vue.js程序

2.5　疑难解惑

第3章　熟悉ECMAScript 6语法

3.1　ECMAScript 6介绍

3.1.1　ES6的前世今生

3.1.2　为什么要使用ES6

3.2　块作用域构造let和const

3.3　模板字面量

3.3.1　Multi-line Strings（多行字符串）

3.3.2　字符串占位符

3.4　默认参数和rest参数

3.5　解构赋值

3.6　展开运算符

3.7　增强的对象文本

3.8　箭头函数

3.9　Promise实现

3.10　Classes（类）

3.11　Modules（模块）

3.12　精简压缩生产环境的webpack

3.12.1　webpack是什么

3.12.2　配置一个完整项目的webpack

3.13　疑难解惑

第4章　熟悉Vue.js的语法

4.1　创建应用程序实例

4.2　插值

4.3　方法选项

4.3.1　使用方法

4.3.2　传递参数

4.3.3　方法之间调用

4.4　生命周期钩子函数

4.4.1　认识生命周期钩子函数

4.4.2　created和mouted

4.5　指令

4.6　缩写

4.7　Vue.js 3.0的新变化——取消构造函数

4.8　疑难解惑

第5章　指令

5.1　内置指令

5.1.1　v-show

5.1.2　v-if/v-else-if/v-else

5.1.3　v-for

5.1.4　v-bind

5.1.5　v-model

5.1.6　v-on

5.1.7　v-text

5.1.8　v-html

5.1.9　v-once

5.1.10　v-pre

5.1.11　v-cloak

5.2　自定义指令

5.2.1　注册自定义指令

5.2.2　钩子函数

5.2.3　动态指令参数

5.3　综合案例——通过指令实现下拉菜单效果

5.4　疑难解惑

第6章　计算属性

6.1　使用计算属性

6.2　计算属性的getter和setter方法

6.3　计算属性的缓存

6.4　使用计算属性代替v-for和v-if

6.5　综合案例——使用计算属性设计购物车效果

6.6　疑难解惑

第7章　精通监听器

7.1　使用监听器

7.2　监听方法

7.3　监听对象

7.4　综合案例——使用监听器设计购物车效果

7.5　疑难解惑

第8章　事件处理

8.1　监听事件

8.2　事件处理方法

8.3　事件修饰符

8.3.1　stop

8.3.2　capture

8.3.3　self

8.3.4　once

8.3.5　prevent

8.3.6　passive

8.4　按键修饰符

8.5　系统修饰键

8.6　综合案例——处理用户注册信息

8.7　疑难解惑

第9章　class与style绑定

9.1　绑定HTML样式（class）

9.1.1　数组语法

9.1.2　对象语法

9.1.3　用在组件上

9.2　绑定内联样式（style）

9.2.1　对象语法

9.2.2　数组语法

9.3　综合案例——设计隔行变色的商品表

9.4　疑难解惑

第10章　表单输入绑定

10.1　实现双向数据绑定

10.2　单行文本输入框

10.3　多行文本输入框

10.4　复选框

10.5　单选按钮

10.6　选择框

10.7　值绑定

10.7.1　复选框

10.7.2　单选框

10.7.3　选择框的选项

10.8　修饰符

10.8.1　lazy

10.8.2　number

10.8.3　trim

10.9　综合案例——设计用户注册页面

10.10　疑难解惑

第11章　组件和组合API

11.1　组件是什么

11.2　组件的注册

11.2.1　全局注册

11.2.2　局部注册

11.3　使用prop向子组件传递数据

11.3.1　prop基本用法

11.3.2　单向数据流

11.3.3　prop验证

11.3.4　非prop的属性

11.4　子组件向父组件传递数据

11.4.1　监听子组件事件

11.4.2　将原生事件绑定到组件

11.4.3　.sync修饰符

11.5　插槽

11.5.1　插槽基本用法

11.5.2　编译作用域

11.5.3　默认内容

11.5.4　命名插槽

11.5.5　作用域插槽

11.5.6　解构插槽prop

11.6　Vue.js 3.0的新变化1——组合API

11.7　setup()函数

11.8　响应式API

11.8.1　reactive()方法和watchEffect()方法

11.8.2　ref()方法

11.8.3　readonly()方法

11.8.4　computed()方法

11.8.5　watch()方法

11.9　Vue.js 3.0的新变化2——访问组件的方式

11.10　综合案例——使用组件创建树状项目分类

11.11　疑难解惑

第12章　过渡和动画效果

12.1　单元素／组件的过渡

12.1.1　CSS过渡

12.1.2　过渡的类名

12.1.3　CSS动画

12.1.4　自定义过渡的类名

12.1.5　动画的JavaScript钩子函数

12.2　初始渲染的过渡

12.3　多个元素的过渡

12.4　列表过渡

12.4.1　列表的进入／离开过渡

12.4.2　列表的排序过渡

12.4.3　列表的交错过渡

12.5　综合案例1——商品编号增加器

12.6　综合案例2——设计下拉菜单的过渡动画

12.7　疑难解惑

第13章　精通Vue CLI和Vite

13.1　脚手架的组件

13.2　脚手架环境搭建

13.3　安装脚手架

13.4　创建项目

13.4.1　使用命令

13.4.2　使用图形化界面

13.5　分析项目结构

13.6　配置Scss、Less和Stuly

13.7　配置文件package.json

13.8　Vue 3.0新增开发构建工具——Vite

13.9　疑难解惑

第14章　使用Vue Router开发单页面应用

14.1　使用Vue Router

14.1.1　HTML页面使用路由

14.1.2　项目中使用路由

14.2　命名路由

14.3　命名视图

14.4　路由传参

14.5　编程式导航

14.6　组件与Vue Router间解耦

14.6.1　布尔模式

14.6.2　对象模式

14.6.3　函数模式

14.7　疑难解惑

第15章　数据请求库——axios

15.1　什么是axios

15.2　安装axios

15.3　基本用法

15.3.1　axios的get请求和post请求

15.3.2　请求JSON数据

15.3.3　跨域请求数据

15.3.4　并发请求

15.4　使用axios创建请求

15.5　请求配置

15.6　创建实例

15.7　配置默认选项

15.8　拦截器

15.9　Vue.js 3.0的新变化——替代Vue.prototype

15.10　综合案例——显示近7日的天气情况

15.11　疑难解惑

第16章　状态管理——Vuex

16.1　什么是Vuex

16.2　安装Vuex

16.3　在项目中使用Vuex

16.3.1　搭建一个项目

16.3.2　state对象

16.3.3　getter对象

16.3.4　mutation对象

16.3.5　action对象

16.4　疑难解惑

第17章　网上购物商城开发实战

17.1　系统功能结构

17.2　系统结构分析

17.3　系统运行效果

17.4　系统功能模块设计与实现

17.4.1　首页模块

17.4.2　首页信息展示模块

17.4.3　用户登录模块

17.4.4　商品模块

17.4.5　购买模块

17.4.6　支付模块

第18章　电影购票APP开发实战

18.1　脚手架项目的搭建

18.2　系统结构

18.3　系统运行效果

18.4　设计项目组件

18.4.1　设计头部和底部导航组件

18.4.2　设计电影页面组件

18.4.3　设计影院页面组件

18.4.4　设计我的页面组件

18.5　设计项目页面组件及路由配置

18.5.1　电影页面组件及路由

18.5.2　影院页面组件及路由

18.5.3　我的页面组件及路由