開眼視頻 vue 高仿版

「開眼」是一款充滿設計感的精品短視頻應用。匯聚全球優質的短視頻內容，推薦創意的短視頻做品，從視覺到腦洞，帶給用戶全方位的驚喜與享受。

開眼視頻 vue 高仿版 是基於「開眼」非開放 API 、使用 Vue + Vant 框架搭建的 H5 高仿版。（後續會發布 Flutter 版本，敬請期待~）

項目源碼: github.com/mmtou/eyepe…
在線訪問: http://47.92.146.72/eyepetizer/

預覽

開發目的

1. Vue + Vant 實踐採坑
2. 後面開發 Flutter 版本，作個對比
3. 放假在家實在無聊😏

技術棧

1. 使用 Vue 做爲基礎框架

漸進式 JavaScript 框架

2. 使用 Vant 做爲 UI 框架

輕量、可靠的移動端 Vue 組件庫

採坑

1. 使用 vue-router 時，當使用路由參數方式同一個頁面跳轉時，組件的生命週期鉤子不會再被調用。

router.vuejs.org/zh/guide/es…

2. 當你發佈後須要二級目錄訪問時，須要修改router-->index.js；修改nginx配置

實現功能

• 首頁
• 分類查詢
• 視頻詳情
• 相關推薦
• 查詢評論
• 登陸
• 評論

感謝

• 感謝「開眼」團隊提供這麼優秀的視頻推薦平臺
• 感謝「YJQ」提供開眼視頻API分析

小工具

1. carbon 一款在線 代碼生成圖片 的工具

本地運行

git clone https://github.com/mmtou/eyepetizer_vue
cd eyepetizer_vue
npm install
npm run serve
複製代碼

最後

只爭朝夕，不負韶華~