Vue.js
开眼视频 vue 高仿版__Vue.js
粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利
「开眼」是一款充满设计感的精品短视频应用。汇聚全球优质的短视频内容，推荐创意的短视频作品，从视觉到脑洞，带给用户全方位的惊喜与享受。
开眼视频 vue 高仿版 是基于「开眼」非开放 API 、使用 Vue + Vant 框架搭建的 H5 高仿版。（后续会发布 Flutter 版本，敬请期待~）
项目源码: https://github.com/mmtou/eyepetizer_vue
在线访问: http://47.92.146.72/eyepetizer/
预览
开发目的
- Vue + Vant 实践采坑
- 后面开发 Flutter 版本，做个对比
- 放假在家实在无聊😏
技术栈
- 使用 Vue 作为基础框架
渐进式 JavaScript 框架
- 使用 Vant 作为 UI 框架
轻量、可靠的移动端 Vue 组件库
采坑
- 使用
vue-router时，当使用路由参数方式同一个页面跳转时，组件的生命周期钩子不会再被调用。
https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#响应路由参数的变化
- 当你发布后需要二级目录访问时，需要修改
router-->index.js；修改nginx配置
实现功能
- [x] 首页
- [x] 分类查询
- [x] 视频详情
- [x] 相关推荐
- [x] 查询评论
- [ ] 登录
- [ ] 评论
感谢
小工具
- carbon 一款在线 代码生成图片 的工具
本地运行
git clone https://github.com/mmtou/eyepetizer_vue
cd eyepetizer_vue
npm install
npm run serve
最后
只争朝夕，不负韶华~
版权声明：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 作者: 乖丨摸摸头 原文链接：https://juejin.im/post/6844904064371654670
