Vue仿Bibibili首页的问题


Posted in Vue.js onJanuary 21, 2021

工程结构

工程分为两部分,bilibili-api是api接口服务,其他是前端的部分,工程结构如下。

Vue仿Bibibili首页的问题

运行截图

Vue仿Bibibili首页的问题
Vue仿Bibibili首页的问题
Vue仿Bibibili首页的问题

如何运行

运行前,需要你在本地已经安装Node和Vue的运行环境,为了保证项目的正常运行,请先运行
bilibili-api来获取接口数据。

运行后端接口:

cd bilibili-api
cnpm install
cnpm run dev

运行前端部分:

cnpm install
cnpm run dev

到此这篇关于Vue仿Bibibili首页的问题的文章就介绍到这了,更多相关Vue仿Bibibili首页内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
用vue设计一个日历表
Dec 03 Vue.js
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 Vue.js
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 Vue.js
Vue图片裁剪组件实例代码
Jul 02 Vue.js
Vue h函数的使用详解
Feb 18 Vue.js
vue实现Toast组件轻提示
Apr 10 Vue.js
ant design vue的form表单取值方法
Jun 01 Vue.js
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
如何在vue 中使用柱状图 并自修改配置
Jan 21 #Vue.js
Vue看了就会的8个小技巧
Jan 21 #Vue.js
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 #Vue.js
详解实现vue的数据响应式原理
Jan 20 #Vue.js
vue实现简易计算器功能
Jan 20 #Vue.js
vue使用过滤器格式化日期
Jan 20 #Vue.js
Vue实现简单计算器
Jan 20 #Vue.js
You might like
Get或Post提交值的非法数据处理
2006/10/09 PHP
PHP 加密与解密的斗争
2009/04/17 PHP
ThinkPHP使用心得分享-上传类UploadFile的使用
2014/05/15 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
php 截取GBK文档某个位置开始的n个字符方法
2017/03/08 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
Javascript中的方法链(Method Chaining)介绍
2015/03/15 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
python写的ARP攻击代码实例
2014/06/04 Python
Python随机生成数模块random使用实例
2015/04/13 Python
Python实现批量修改文件名实例
2015/07/08 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
使用matplotlib画散点图的方法
2018/05/25 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
骆驼官方商城:CAMEL
2016/11/22 全球购物
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
班级团队活动方案
2014/08/14 职场文书
房产公证委托书范本
2014/09/20 职场文书
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript