vite + vue3 + pinia + ts
创建vue3项目(vite)
简单尝尝vue3
setup基础
生命周期和vue模块插件
toRefs和computed
watch
路由
组件-父传子
组件-子传父
v-model传值
组件-兄弟组件传值
插槽
Teleport
动态组件
异步组件
Mixin
Provide和Inject
Vuex
Pinia简单使用
Pinia分模块
Pinia持久化存储
设置代理
项目搭建
首页-头部布局
首页-NavSwiper组件
首页-新上好课组件
首页-底部组件
首页-按需加载组件
首页-判断课程等级mixin复用功能
课程页-布局和渲染数据
课程页-分类筛选条件逻辑
课程页-免费和会员课程筛选
课程页-课程条件筛选
课程详情页-布局
课程详情页-数据渲染
登录-账号密码登录
登录-短信登录
登录成功以后
登录后-显示用户信息
退出登录
课程页-下载资料
课程页-进入课程播放页
课程页-渲染右侧课程数据
课程页-课程视频播放(防盗链)
课程页-播放视频记录
购物车-导航守卫
购物车-数据渲染和单选、全选
购物车-删除购物车数据
加入购物车
进入确认订单页
确认订单页-数据渲染
支付宝支付
微信支付
支付成功
TypeScript环境搭建
TypeScript数据类型
TypeScript函数约束
interface
TypeScript类和抽象类
implements和interface继承
泛型基本使用
泛型接口在vue项目中使用
TypeScript装饰器