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