【源码】基于Vue3和TypeScript的简易B站移动端系统

项目简介

本项目是基于Vue 3和TypeScript开发的移动端系统，模拟了B站的主页和播放页功能。项目运用Vue-router进行页面路由管理，借助Vant 3组件库构建用户界面，使用Axios与后端交互数据，还利用mockjs模拟后端数据。

项目的主要特性和功能

技术栈

• Vue 3：具备响应式系统和组件化开发方式。
• TypeScript：提供静态类型检查，增强代码的可读性和可维护性。
• Vue-router：实现页面的路由管理。
• Vant 3：基于Vue的移动端组件库，可快速搭建美观的界面。
• Axios：用于HTTP请求，实现与后端的数据交互。
• mockjs：模拟后端数据。

页面功能

• 主页：展示视频列表，包含标题、简介、封面等信息。
• 视频详情页：展示视频详细信息，如标题、描述、播放按钮及评论功能等。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 在终端使用npm或yarn安装项目依赖：
   • npm install 或 yarn install
3. 使用Vue CLI启动项目：
   • npm run serve 或 yarn serve
4. 在浏览器中输入localhost:8080（默认端口）访问项目。

注意，此为模拟项目，后端数据是模拟的，实际功能可能不同。若要接入真实数据源，需修改axios的请求地址。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】