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 element-ul实现展开和收起功能的实例代码
Nov 25 Vue.js
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
Vue——前端生成二维码的示例
Dec 19 Vue.js
vue中watch的用法汇总
Dec 28 Vue.js
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
如何封装Vue Element的table表格组件
Feb 06 Vue.js
一篇文章学会Vue中间件管道
Jun 20 Vue.js
详解Vue slot插槽
Nov 20 Vue.js
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
vue @click.native 绑定原生点击事件
Apr 22 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
php在文件指定行中写入代码的方法
2012/05/23 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
python数组循环处理方法
2019/08/26 Python
Python如何使用Gitlab API实现批量的合并分支
2019/11/27 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
python+OpenCV实现图像拼接
2020/03/05 Python
paramiko使用tail实时获取服务器的日志输出详解
2020/12/06 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
大学教师年终总结的自我评价
2013/10/29 职场文书
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers
Python借助with语句实现代码段只执行有限次
2022/03/23 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python