Vue3 +Vite + Pinia + 实战项目

为什么用Vite？

基于Vite搭建Vue3项目

Vite解决@问题

Vue3代码写法风格

setup定义数据和插件安装

toRefs和computed

watch

生命周期钩子

路由

组件-父传子

组件-子传父

v-model传值

组件-兄弟组件传值

插槽

Teleport

动态组件

异步组件

Mixin

Provide和Inject

Vuex

Pinia简单使用

Pinia分模块

Pinia持久化存储

设置代理

项目搭建

首页-头部布局

关于项目布局的说明

首页-banner布局

首页-新上好课布局

首页-底部布局

axios二次封装和轮播图数据

新上好课数据渲染

首页菜单分类数据渲染

课程页-布局

课程页-数据渲染

课程页-课程分类筛选课程

课程页-更多条件筛选

课程页-分页

课程页-布局样式调整

课程详情页-样式布局

课程详情页-布局完成

课程详情页-数据渲染

头部跳转-监听路由

登录-账号密码登录

登录-短信登录

登录成功以后

登录后-显示用户信息

退出登录

课程页-下载资料

课程页-进入课程播放页

课程页-渲染右侧课程数据

课程页-课程视频播放（防盗链）

课程页-播放视频记录

购物车-导航守卫

购物车-数据渲染和单选、全选

购物车-删除购物车数据

加入购物车

进入确认订单页

确认订单页-数据渲染

支付宝支付

微信支付

支付成功