正版新书]Vue.JS 3.x前端开发技术与实战 微课视频·题库版储久良

第1章Vue.js发展概述

1.1Vue.js简介

1.1.1Vue.js发展简史

1.1.2Vue 3新特性简介

1.2Vue.js生产环境配置

1.2.1Vue.js引入方法

1.2.2安装Vue devtools

1.2.3Node.js环境配置

1.2.4创建第1个Vue单页程序

1.3Vue.js开发工具

1.3.1Visual Studio Code

1.3.2HBuilderX

1.4ECMAScript 6.0基础

1.4.1let和const

1.4.2解构赋值

1.4.3箭头函数

1.4.4展开运算符

1.4.5模板字符串

本章小结

练习1

项目实战1

第2章Vue.js基础

2.1MVVM模式

2.1.1MVVM模式简介

2.1.2MVVM模式的前端框架发展趋势

2.1.3MVVM模式的应用

2.2数据绑定与插值

2.2.1文本绑定

2.2.2HTML代码绑定

2.2.3属性绑定

2.2.4JavaScript表达式绑定

2.3计算属性与方法

2.3.1计算属性基础应用

2.3.2计算属性的setter和getter

2.4侦听属性watch

2.4.1侦听属性基本用法

2.4.2侦听属性高级用法

2.5生命周期钩子函数

2.5.1生命周期钩子函数作用

2.5.2生命周期钩子函数应用

2.6Vue中数组变动更新

2.6.1变异方法

2.6.2非变异方法

2.7控制台console对象

2.7.1显示信息的命令

2.7.2占位符

2.7.3分组显示

2.7.4查看对象的信息

本章小结

练习2

项目实战2

第3章Vue.js指令

3.1条件渲染

3.1.1v-if/v-else/v-else-if指令

3.1.2Vue 3.x中key值的应用

3.1.3v-show指令

3.2列表渲染(v-for指令)

3.3类与样式绑定(v-bind指令)

3.4事件处理(v-on指令)

3.5表单输入绑定(v-model指令)

3.6v-html与v-text指令

3.7v-once、v-cloak、v-pre指令

3.8Vue.js自定义指令

3.8.1自定义指令注册

3.8.2对象字面量

本章小结

练习3

项目实战3

第4章Vue 3新特性应用

4.1响应式基础

4.1.1组件选项setup()

4.1.2ref()、reactive()、toRefs()和toRef()函数

4.1.3watch、watchEffect和computed

4.2Vue 3生命周期

4.2.1Vue 3生命周期钩子函数(组合式API)

4.2.2生命周期钩子函数应用

本章小结

练习4

项目实战4

第5章Vue.js组件开发

5.1组件基础

5.1.1组件命名

5.1.2组件注册

5.2组件间通信

5.2.1父组件向子组件传值

5.2.2子组件向父组件传值

5.2.3父链与子组件索引

5.3插槽

5.3.1匿名插槽

5.3.2具名插槽

5.3.3作用域插槽

5.3.4动态插槽名

本章小结

练习5

项目实战5

第6章Vue.js过渡与动画

6.1单元素/组件的过渡

6.1.1过渡的类名

6.1.2CSS过渡

6.1.3CSS动画

6.1.4自定义过渡的类名

6.1.5同时使用过渡和动画

6.1.6显性的过渡持续时间

6.1.7JavaScript钩子

6.1.8Velocity动画库简介

6.2初始渲染的过渡

6.3多个元素的过渡

6.4多个组件的过渡

6.5列表过渡

6.5.1列表的进入/离开过渡

6.5.2列表的排序过渡

6.5.3列表的交错过渡

本章小结

练习6

项目实战6

第7章Vue开发环境与SFC新特性

7.1Vue开发环境简介

7.1.1Node.js简介

7.1.2Node.js部署

7.2Node包管理器npm

7.2.1npm简介

7.2.2npm常用命令

7.3webpack打包工具

7.3.1webpack简介

7.3.2webpack配置与应用

7.3.3webpack配置加载器

7.3.4webpack配置开发服务器

7.4Vue CLI

7.4.1Vue CLI安装

7.4.2Vue CLI创建Vue项目

7.5单文件组件

7.5.1单文件组件的结构

7.5.2单文件组件的新特点

7.6组合式API： 依赖注入

7.7组合式API： 模板引用

7.7.1获取节点

7.7.2在组件上使用ref

7.8组合式函数

7.9模板refs

本章小结

练习7

项目实战7

第8章路由Vue Router

8.1Vue Router概述

8.1.1Vue Router安装与使用

8.1.2Vue Router基础应用

8.2Vue Router高级应用

8.2.1动态路由匹配

8.2.2嵌套路由

8.2.3编程式导航

8.2.4命名路由

8.2.5命名视图

8.2.6重定向和别名

8.2.7HTML 5 History模式

8.2.8路由组件传参

本章小结

练习8

项目实战8

第9章状态管理Vuex

9.1Vuex概述

9.1.1Vuex定义

9.1.2简单状态管理——store模式

9.2Vuex基本使用

9.3Vuex核心概念

9.3.1一个完整的store结构

9.3.2最简单的store

9.3.3Vuex中的state

9.3.4Vuex中的getter

9.3.5Vuex中的mutation

9.3.6Vuex中的action

9.3.7Vuex中的module

9.4Vuex多模块实战案例

本章小结

练习9

项目实战9

第10章Vue 3 UI框架ElementPlus

10.1Element Plus概述

10.1.1Element Plus安装与配置

10.1.2Element Plus导航

10.1.3Element Plus快速开始

10.1.4Element Plus全局配置

10.2Element Plus组件

10.3Element Plus组件应用

10.3.1Basic基础组件——Container布局容器

10.3.2Basic基础组件——Layout 布局

10.3.3配置组件——ConfigProvider全局配置

10.3.4Form表单组件

10.3.5Data数据展示组件——Avatar、Badge、Calendar、Card、Carousel

10.3.6Data数据展示组件——Table表格

10.3.7Data数据展示组件——Virtualized Table虚拟化表格

10.3.8Navigation导航组件

本章小结

练习10

项目实战10

第11章Vue 3.x构建工具Vite

11.1Vite创建项目

11.1.1Vite简介

11.1.2创建第1个 Vite项目

11.2Vite创建“惠民早点”项目

11.2.1创建默认项目

11.2.2更新完善项目

本章小结

练习11

项目实战11

第12章网络请求库Axios与JSON Server

12.1Axios概述

12.1.1Axios简介

12.1.2Axios特性

12.1.3Axios应用

12.2Axios举例

12.2.1执行get请求

12.2.2执行post请求

12.2.3一次执行多个请求

12.3JSON Server与Postman

12.3.1JSON Server简介

12.3.2JSON Server应用

12.3.3接口测试工具Postman

12.4跨域请求数据

12.4.1Vue CLI创建项目跨域配置

12.4.2Vite创建项目跨域配置

12.5Axios API

12.5.1通过配置(config)发送请求

12.5.2请求方式的别名

12.5.3请求配置

12.5.4Axios实例

12.6Axios

12.7Axios应用实战

12.7.1请求本地JSON数据

12.7.2请求远程天气预报数据

本章小结

练习12

项目实战12

第13章Vue 3+Element Plus实战——简易图书管理系统

13.1简易图书管理系统需求

13.1.1简易图书管理系统功能

13.1.2简易图书管理系统实现技术

13.2简易图书管理系统实现

13.2.1项目创建

13.2.2定义main.js文件

13.2.3修改App.vue组件

13.2.4定义BookView.vue组件

13.2.5定义Header.vue组件

13.2.6定义Footer.vue组件

13.2.7定义router/index.js文件

13.2.8定义store/index.js文件

13.2.9定义HomeView.vue组件

13.2.10定义SettingView.vue组件

13.2.11定义AboutView.vue组件

13.2.12定义BookAdd.vue组件

13.2.13定义BookModify.vue组件

13.2.14定义BookQuery.vue组件

本章小结

练习13

项目实战13

参考文献