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瞚f/v瞖lse/v瞖lse瞚f
指令
3.1.2Vue 3.x中key值的
应用
3.1.3v瞫how指令
3.2列表渲染(v瞗or指令)
3.3类与样式绑定(v瞓ind
指令)
3.4事件处理(v瞣n指令)
3.5表单输入绑定(v瞞odel
指令)
3.6v瞙tml与v瞭ext指令
3.7v瞣nce、v瞔loak、v瞤re指令
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框架Element
Plus

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配置组件——Config
Provider全局配置
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
参考文献