Vue仿Bibibili首頁的問題
更新時(shí)間:2021年01月21日 10:43:00 作者:xiangzhihong8
這篇文章主要介紹了Vue仿Bibibili首頁,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
工程結(jié)構(gòu)
工程分為兩部分,bilibili-api是api接口服務(wù),其他是前端的部分,工程結(jié)構(gòu)如下。

運(yùn)行截圖



如何運(yùn)行
運(yùn)行前,需要你在本地已經(jīng)安裝Node和Vue的運(yùn)行環(huán)境,為了保證項(xiàng)目的正常運(yùn)行,請先運(yùn)行
bilibili-api來獲取接口數(shù)據(jù)。
運(yùn)行后端接口:
cd bilibili-api
cnpm install
cnpm run dev
運(yùn)行前端部分:
cnpm install
cnpm run dev
到此這篇關(guān)于Vue仿Bibibili首頁的問題的文章就介紹到這了,更多相關(guān)Vue仿Bibibili首頁內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue實(shí)現(xiàn)拖拽與排序功能的示例代碼
在Web應(yīng)用程序中,實(shí)現(xiàn)拖拽和排序功能是非常常見的需求,本文為大家介紹了如何使用Vue來實(shí)現(xiàn)一個(gè)簡單但功能強(qiáng)大的拖拽與排序功能,感興趣的小伙伴可以參考下
2023-10-10
vue實(shí)現(xiàn)微信二次分享以及自定義分享的示例
這篇文章主要介紹了vue實(shí)現(xiàn)微信二次分享以及自定義分享的示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
Vue Steps步驟條渲染異常問題
這篇文章主要介紹了Vue Steps步驟條渲染異常問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-04-04
詳解Vue中的自定義指令
這篇文章主要介紹了Vue中的自定義指令的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)vue框架,感興趣的朋友可以了解下
2020-12-12
Vite引用本地靜態(tài)資源的正確方式
在前端開發(fā)中,除了通過 API 動(dòng)態(tài)請求的數(shù)據(jù)外,還有一些諸如 HTML 文件、圖片、字體等文件需要在項(xiàng)目中被用到,通常這些被視為靜態(tài)資源,本文將基于 Vite + React 來講述并解鎖 Vite 引用本地靜態(tài)資源的正確姿勢,需要的朋友可以參考下
2024-12-12
Vue之前端體系與前后端分離詳解
本篇文章主要介紹了Vue之前端體系與前后端分離,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
2021-10-10
Vue中forEach()的使用方法例子
這篇文章主要給大家介紹了關(guān)于Vue中forEach()使用方法的相關(guān)資料,forEach和map是數(shù)組的兩個(gè)方法,作用都是遍歷數(shù)組,在vue項(xiàng)目的處理數(shù)據(jù)中經(jīng)常會(huì)用到,需要的朋友可以參考下
2023-09-09
Vuex實(shí)現(xiàn)記事本功能
這篇文章主要為大家詳細(xì)介紹了Vuex實(shí)現(xiàn)記事本功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
2022-05-05
vue 表單輸入格式化中文輸入法異常問題
v-model 是 vue.js 提供的語法糖,根據(jù)不同的表單控件監(jiān)聽不同的事件,實(shí)現(xiàn)對表單控件的數(shù)據(jù)雙向綁定。這篇文章主要介紹了vue 表單輸入格式化中文輸入法異常,需要的朋友可以參考下
2018-05-05