目录

第1章前端框架发展

1.1什么是前端技术

1.1.1Web技术1.0时代

1.1.2Web技术2.0时代

1.2为什么要学习前端技术

1.2.1代表Web开发方向

1.2.2岗位需求缺口大

1.3如何学好前端技术

1.3.1打牢理论根基

1.3.2掌握前沿技术

1.3.3结合案例实战

1.4前后端分离概念

1.4.1诞生背景

1.4.2诞生原因

1.4.3解决方案

1.4.4重点说明

1.5单页应用的不足和优化

1.5.1单页应用的不足

1.5.2中间层的使用

1.5.3应用结构优化

小结

第2章Vue脚手架功能

2.1脚手架核心功能

2.2安装脚手架过程

2.2.1安装Vue CLI

2.2.2常用Vue CLI指令

2.3使用脚手架创建项目

2.3.1创建第一个简单项目

2.3.2修改组件代码

2.3.3项目发布

小结

第3章Vue数据绑定

3.1Vue中数据绑定原理

3.1.1Vue中的数据链

3.1.2数据绑定视图

3.2单向数据绑定

3.2.1MVC框架演变过程

3.2.2单向绑定

3.3双向数据绑定

3.3.1指令vmodel

3.3.2vmodel与修饰符

3.4数据绑定方法

3.4.1文本插值

3.4.2JavaScript表达式和HTML插值

小结

第4章元素事件绑定

4.1事件定义

4.2事件绑定方式

4.2.1指令von或@

4.2.2常见修饰符

4.3事件传参

4.3.1方法参数

4.3.2事件对象参数

小结

第5章元素动画效果

5.1过渡动画

5.2自定义动画

5.2.1制作自定义动画

5.2.2自定义动画样式

5.3第三方动画库

5.3.1animate.css

5.3.2gsap动画库

5.4列表动画

5.4.1transitiongroup组件基本功能

5.4.2交错过渡动画效果

小结

第6章组件定义

6.1什么是组件

6.1.1单文件组件

6.1.2JavaScript对象

6.2组件使用

6.2.1全局注册

6.2.2局部注册

6.2.3组件命名格式

6.3组件属性

6.3.1属性定义

6.3.2属性验证

6.3.3属性值传递

6.4组件事件

6.4.1事件定义

6.4.2事件验证

6.4.3事件监听和传参

小结

第7章组件传参

7.1父组件向子组件传参

7.1.1父组件向子组件传参说明

7.1.2父组件向子组件传参实例

7.2子组件向父组件传参

7.2.1子组件自定义事件传参

7.2.2访问子组件对象中的数据

7.3组件之间传参

7.3.1全局事件总线

7.3.2组件之间传参

7.4slot传参

7.4.1作用域插槽

7.4.2动态插槽

小结

第8章路由实现

8.1路由介绍

8.1.1基本配置

8.1.2路由树配置

8.2路由传参

8.2.1路由跳转

8.2.2带参数跳转

8.2.3接收跳转参数

8.3路由其他配置

8.3.1重定向配置

8.3.2404配置

8.3.3路由守卫配置

小结

第9章接口调用

9.1接口介绍

9.1.1初识和安装axios模块

9.1.2使用axios模块

9.2全局配置

9.2.1创建axios实例

9.2.2配置对象结构

9.2.3默认配置和响应结构

9.2.4全局配置axios

9.3数据缓存

9.3.1请求数据

9.3.2缓存数据

9.3.3缓存优化

小结

第10章pinia状态管理

10.1pinia介绍

10.1.1安装和配置pinia

10.1.2创建Store

10.2State

10.2.1构建和访问State

10.2.2重置和变更State

10.2.3其他操作方式

10.3Getters

10.3.1构建和访问Getters

10.3.2其他操作方式

10.4Actions

10.4.1构建和执行Actions中方法

10.4.2执行异步请求

10.5其他扩展插件

10.5.1扩充Store

10.5.2数据持久化

小结

第11章Vant UI

11.1Vant介绍

11.1.1Vant的特点

11.1.2Vant安装与配置

11.2Vant基础组件

11.2.1Button组件

11.2.2Image组件

11.2.3Layout组件

11.3Vant表单组件

11.3.1PasswordInput组件

11.3.2Rate组件

11.3.3Signature组件

11.4Vant业务组件

11.4.1Card组件

11.4.2Coupon优惠券

11.4.3SubmitBar提交订单栏

小结

第12章项目开发前准备

12.1功能设计

12.1.1项目背景

12.1.2需求分析

12.1.3功能模块

12.2项目开发

12.2.1创建项目

12.2.2配置静态资源

12.2.3数据源设计

12.3打包与发布

12.3.1开发与打包方法

12.3.2发布时注意事项

小结

第13章项目路由配置

13.1创建路由文件

13.1.1安装路由模块

13.1.2构建路由结构

13.1.3挂载路由文件

13.2配置路由对象

13.2.1按需加载组件

13.2.2路由传参

13.2.3配置错误地址

小结

第14章商城首页开发

14.1轮播和推荐商品

14.1.1页面效果

14.1.2轮播图制作

14.1.3爆款商品推荐

14.2热点商品列表

14.2.1页面效果

14.2.2列表数据源

14.2.3列表制作

14.3底部导航条制作

14.3.1页面效果

14.3.2实现代码

14.3.3调用导航条

小结

第15章商品分类页开发

15.1分类页查询功能

15.1.1页面效果

15.1.2组件代码

15.1.3组件调用

15.2分类左侧导航

15.2.1页面效果

15.2.2组件代码

15.2.3组件调用

15.3分类右侧列表

15.3.1页面效果

15.3.2组件代码

15.3.3组件调用

小结

第16章商城动态页开发

16.1动态列表页功能

16.1.1页面效果

16.1.2列表数据源

16.1.3列表制作

16.2列表详情页功能

16.2.1页面效果

16.2.2组件代码

16.3点赞与收藏功能

16.3.1页面效果

16.3.2组件代码

16.3.3全局状态与方法

小结

第17章商品详细页开发

17.1大图滚动功能

17.1.1页面效果

17.1.2图片数据源

17.1.3组件代码

17.2弹框说明功能

17.2.1页面效果

17.2.2组件代码

17.3信息切换功能

17.3.1页面效果

17.3.2组件代码

17.4加入购物车功能

17.4.1页面效果

17.4.2组件代码

17.4.3全局状态与方法

17.4.4组件调用

小结

第18章购物车开发

18.1购物车列表页功能

18.1.1页面效果

18.1.2组件代码

18.1.3组件调用

18.2自动计算总价功能

18.2.1页面效果

18.2.2组件代码

18.3增减购物车商品功能

18.3.1页面效果

18.3.2组件代码

18.3.3全局状态与方法

18.4删除购物车商品功能

18.4.1页面效果

18.4.2组件代码

18.4.3全局状态与方法

小结

第19章个人中心页开发

19.1我的订单功能

19.1.1页面效果

19.1.2组件代码

19.1.3全局状态和方法

19.2我的收藏功能

19.2.1页面效果

19.2.2组件代码

19.2.3全局状态和方法

19.3管理收货地址

19.3.1页面效果

19.3.2组件代码

19.3.3全局状态与方法

19.4生成订单功能

19.4.1页面效果

19.4.2组件代码

19.4.3全局状态与方法

小结