Vue.JS 3.x前端开发技术与实战 微课视频·题库版

本书详细介绍渐进式框架Vue.js 3.2的近期新特性和相关优化改进功能，并将Vue CLI 5、Vuex 4、Vue Router 4、Vite 4、Axios及基于Vue 3的面向设计师和开发者的Element Plus组件库等近期新周边生态系统囊括其中，满足Web前端开发者的真实需要。全书共13章。第1~3章介绍Vue.js发展概述、基础和指令；第4章介绍Vue 3新特性应用；第5章和第6章介绍Vue.js组件开发和过渡与动画；第7章介绍Vue开发环境与SFC新特性；第8章和第9章介绍路由Vue Router和状态管理Vuex；第10章介绍Vue 3 UI框架Element Plus；第11章和第12章介绍Vue 3.x构建工具Vite和网络请求库Axios与JSON Server； 第13章介绍基于Vue 3+Element Plus的简易图书管理系统实战。每章均设计有学习目标、小结、练习与项目实战，便于广大读者和工程技术人员自主学习与实践锻炼，结合项目实战提高编程水平和工程能力。本书可作为高等学校计算机类专业及理工科其他相关专业软件开发类课程的教材，也可作为IT从业人员、Web前端开发爱好者及网络培训、企业实训的参考用书。

第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
参考文献