该项目来自黑马程序员的免费录播课

项目技术栈

  • Vue3
  • TypeScript
  • nuxt（主要学习的技术）
  • vant组件库

项目架构

image-aimfnnai.png

首页

头部

全局生效，功能有：返回首页

导航

动态从nuxt后端获取不同的分区

视频列表

动态从nuxt后端获取不同的视频列表

视频详情页

从路由中获取 id，并向nuxt后端获取对应的视频

使用到的知识点

  1. Nuxt自动为pages目录路由
  2. NuxtPage
  3. SEO优化和动态标题设置
  4. vant-nuxt
  5. Nuxt作为后端服务器