目录
目录
第1章Vue 3简介
1.1Web前端框架
1.1.1前端框架的诞生
1.1.2MVC模式
1.1.3从MVC模式到MVVM模式
1.2认识Vue 3
1.2.1什么是Vue 3
1.2.2Vue 3的优势
1.3选择IDE
1.4配置Node.js环境
1.5安装Vue 3
1.5.1独立版本安装
1.5.2CDN方式安装
1.5.3npm方式安装
1.5.4使用前端脚手架安装
1.6熟悉vuedevtools调试工具
1.7本章小结
第2章Hello World与Vue 3的基础特性
2.1Hello World示例
2.1.1Vue 3应用的核心对象
2.1.2Vue 3的组件结构
2.2Vue 3组件的生命周期
2.2.1认识生命周期
2.2.2钩子函数
2.3数据绑定
2.3.1文本插值
2.3.2插入原始HTML
2.3.3使用JavaScript表达式
2.4案例
2.4.1利用表单实现简单登录页面
2.4.2利用过滤器过滤指定字符
2.5本章小结
习题
第3章Vue 3基本指令
3.1条件渲染指令
3.1.1vif、velseif、velse
3.1.2vshow
3.1.3vshow与vif的选择
3.2列表渲染指令vfor
3.2.1基本用法
3.2.2数组更新
3.2.3vfor的其他操作
3.3数据绑定指令vbind
3.3.1参数与属性绑定
3.3.2动态绑定
3.3.3vbind的缩写及合并行为
3.4vmodel与表单
3.4.1基本用法
3.4.2值绑定
3.4.3修饰符
3.5方法、计算属性与监听属性
3.5.1Vue 3中的方法
3.5.2计算属性
3.5.3监听属性
3.5.4方法、计算属性与监听属性的区别
3.6事件处理
3.6.1监听事件von
3.6.2事件处理函数
3.6.3内联处理函数
3.6.4多事件监听
3.6.5事件修饰符
3.6.6按键修饰符
3.6.7系统修饰键
3.7其他基本指令
3.7.1首次渲染vonce
3.7.2使用vcloak避免渲染时闪烁
3.8自定义指令
3.8.1注册自定义指令
3.8.2钩子函数
3.8.3动态指令参数
3.8.4函数简写与对象字面量
3.9案例
3.9.1使用自定义指令实现随机背景色
3.9.2注册登录页面信息
3.10本章小节
习题
第4章组件应用
4.1组件的基础概念
4.1.1基本使用方法
4.1.2组件复用
4.1.3组织结构
4.1.4钩子函数
4.2组件间数据传递
4.2.1通过props属性传递数据
4.2.2通过总线传递数据
4.2.3通过监听事件传递数据
4.3内容分发
4.3.1基本使用方法
4.3.2编译作用域
4.3.3后备内容
4.3.4具名插槽
4.3.5作用域插槽
4.3.6动态插槽名
4.4其他应用
4.4.1动态组件
4.4.2异步组件
4.5案例
4.5.1实现日历组件
4.5.2利用组件实现“弹出层”
4.6本章小结
习题
第5章样式绑定
5.1绑定HTML样式
5.1.1对象控制样式
5.1.2数组控制样式
5.1.3在组件中的应用
5.2绑定内联样式
5.2.1对象描述样式
5.2.2数组描述样式
5.2.3自动添加前缀
5.2.4多重值样式
5.3实例： 实现列表的奇偶行不同样式
5.4本章小结
习题
第6章组件复用
6.1DOM渲染函数实现复用
6.1.1DOM基础
6.1.2JavaScript动态生成DOM对象
6.1.3引入JSX语法
6.1.4函数式组件
6.1.5模版编译
6.2混入对象
6.2.1选项合并复用
6.2.2全局混入复用
6.2.3自定义选项合并策略
6.3插件复用
6.3.1编写插件
6.3.2使用插件
6.4案例： 使用渲染函数渲染列表
6.5本章小结
习题
第7章Vue路由
7.1路由基础
7.1.1什么是Vue Router
7.1.2在HTML中使用Vue Router
7.1.3在JavaScript代码中使用Vue Router
7.2动态路由
7.2.1参数响应
7.2.2捕获所有路由
7.2.3高级匹配模式和匹配优先级
7.3路由进阶使用
7.3.1嵌套路由
7.3.2编程式导航
7.3.3命名路由
7.3.4命名视图
7.3.5重定向与别名
7.3.6路由组件参数传递
7.4history模式
7.4.1HTML 5 History API
7.4.2后端配置
7.5导航守卫
7.5.1全局守卫
7.5.2路由独享守卫
7.5.3组件内守卫
7.5.4导航解析流程
7.6路由元信息
7.7过渡动效
7.7.1单路由过渡
7.7.2路由动态过渡
7.8数据获取
7.9路由懒加载
7.10滚动行为
7.11本章小结
习题
第8章axios异步请求
8.1axios基础
8.1.1axios简介
8.1.2安装axios
8.1.3基本使用方法
8.2API介绍
8.3适配网络请求
8.4拦截器介绍
8.5本章小结
习题
第9章Vue CLI部署项目
9.1Vue CLI的简介
9.1.1什么是Vue CLI
9.1.2安装Vue CLI
9.1.3创建Hello World项目
9.1.4了解Vue CLI项目结构
9.2webpack概述
9.2.1了解webpack
9.2.2配置webpack
9.3构建与部署Vue CLI项目
9.4本章小结
习题
第10章Vuex组件状态管理
10.1Vuex介绍
10.1.1Vuex是什么
10.1.2Vuex特点
10.2Vuex安装
10.2.1通过npm或yarn安装
10.2.2独立构建
10.3Vuex状态管理
10.3.1组件中获取Vuex状态
10.3.2辅助函数mapState()
10.3.3对象展开运算符
10.4Vuex状态获取方法
10.4.1属性访问
10.4.2函数访问
10.4.3辅助函数mapGetters()
10.5Vuex状态同步更改方法
10.5.1通过提交mutation更改Vuex状态
10.5.2提交载荷
10.5.3对象风格提交方式
10.6Vuex状态异步更改方法
10.6.1分发action
10.6.2在组件中分发action
10.6.3组合action
10.7Vuex状态模块化管理
10.7.1模块局部状态
10.7.2模块命名空间
10.7.3模块动态注册
10.7.4模块重用
10.8本章小结
习题
第11章红色旅游App综合项目
11.1红色旅游App总体规划
11.2脚手架及项目搭建
11.3第三方依赖的安装
11.3.1安装axios
11.3.2安装Element Plus
11.4首页功能开发
11.4.1构建统一头部
11.4.2设计全局菜单
11.4.3广告轮播组件
11.4.4实现推荐内容列表
11.4.5首页组件
11.4.6底部导航组件
11.5产品列表页功能开发
11.6搜索页面功能开发
11.6.1搜索框组件
11.6.2瀑布流组件改造
11.7产品详情页功能开发
11.7.1产品详情组件
11.7.2用户评价组件
11.8购物车页面开发
11.9个人中心页面的实现
11.10路由配置
11.11项目调试
11.12本章小结
第12章Vue 3项目部署
12.1构建发布版本
12.2部署
12.3本章小结