GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Terence-Liao → Vue Taobao

Terence-Liao / Vue Taobao

😀史诗级😀巨仿淘宝手机端(vue2.0以上+vue-router+axios+vuex+webpack+betterscroll等)

Labels

vuevuexvue-routervue-cli

Projects that are alternatives of or similar to Vue Taobao

Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+1235.29%)
Mutual labels:  vue-cli, vuex, vue-router
Manhuaren
vue2.0全家桶，仿漫画人官网（移动端）
Stars: ✭ 18 (-78.82%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+691.76%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Develop Template
A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~
Stars: ✭ 481 (+465.88%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Gok
vue2.0-王者荣耀助手
Stars: ✭ 27 (-68.24%)
Mutual labels:  vue-cli, vuex, vue-router
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (+484.71%)
Mutual labels:  vue-cli, vuex, vue-router
Vuejs Fujun
vue/vue-router/vuex/axios 仿肤君试用小程序
Stars: ✭ 68 (-20%)
Mutual labels:  vue-cli, vuex, vue-router
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (+380%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Music
基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本
Stars: ✭ 855 (+905.88%)
Mutual labels:  vue-cli, vuex, vue-router
Yesplaymusic
高颜值的第三方网易云播放器，支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+15171.76%)
Mutual labels:  vue-cli, vuex, vue-router
Douban
Douban book website demo by server side render
Stars: ✭ 468 (+450.59%)
Mutual labels:  vue-cli, vuex, vue-router
Pretty Vendor
[零食商贩] - 基于vue全家桶 + koa2 + sequelize + mysql 搭建的移动商城应用
Stars: ✭ 57 (-32.94%)
Mutual labels:  vue-cli, vuex, vue-router
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）
Stars: ✭ 462 (+443.53%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Chat
📲 A web chat application. Vue + node(koa2) + Mysql + socket.io
Stars: ✭ 617 (+625.88%)
Mutual labels:  vue-cli, vuex, vue-router
Netease yanxuan
vue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (+390.59%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Ts Daily
基于vue、Typescript、pwa的一款习惯养成app
Stars: ✭ 735 (+764.71%)
Mutual labels:  vue-cli, vuex, vue-router
Vue3 Jd H5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 328 (+285.88%)
Mutual labels:  vue-cli, vuex, vue-router
Lulumi Browser
Lulumi-browser is a lightweight browser coded with Vue.js 2 and Electron.
Stars: ✭ 367 (+331.76%)
Mutual labels:  vue-cli, vuex, vue-router
Cocomusic
a simple music player built by electron and vue
Stars: ✭ 937 (+1002.35%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Plan
使用vue+vue-router+vuex+boostrap实现计划表系统
Stars: ✭ 33 (-61.18%)
Mutual labels:  vue-cli, vuex, vue-router
View All Similar Projects ➔

前言

README in English

刚开始学vue2.xxx(2.0以上更到2.5了吧好像)感觉vue有点难！主要是逻辑思维吧！要适应那种逻辑思维！光靠看文档api视频知乎百度还是不行的！ 还不如抄起键盘来写项目来的实际！只有在实践中不断解决问题突破！！才感觉能学到很多！同时也有动力去学习不会枯燥！所以废话不多说就上网搜索了下各种资源 感觉淘宝不错！!还能研究下flexible(自适应伸缩布局)

这个小项目基于(vue2.XXX+vue-router+vuex+webpackr+axios+better-scroll)等完成的还有一些插件吧！具体自己去看

写完这个项目我学到了很多比如各种组件指令、计算属性、父与子传值、子与父传值、v-model的双向绑定、还有vue-router的路由守卫、嵌套路由等等有了一定的了解 还有感觉vuex就是管理数据的，对组件的的状态管理说白了就是对数据执行一些操作（过滤计算）！ 唯一不太懂的是Action。。

还有记得给我个star哦！(或者watch、fork我 后续我会出更多的项目的)谢谢^_^！ 我的QQ672315226,Weacheat:672315226，欢迎各位来找我交流提出建议指出不足！谢谢！(半夜别来找我) 我有很多资源哦！各种框架项目的都有！你懂的哈哈！

技术栈

vue.js 构建用户界面的 MVVM 框架，核心思想是：数据驱动、组件系统。

vue-cli 是vue的脚手架工具，目录结构、本地调试、代码部署、热加载、单元测试。

vue-router 是官方提供的路由器，使用vue.js构建单页面应用程序变得轻而易举。

vue-resource 请求数据，服务器通讯，官方推荐axios请求数据，本项目后期改用axios。

vuex 是一个专为 vue.js 应用程序开发的状态管理模式，简单来说Vuex就是管理数据的。

主要是这几个吧!还有的swiper、Mint UI、等等这些自己上网百度吧一堆!

效果演示

👉 在线预览
因为域名还没有备案好！所以在线预览就访问不了！还有路径太麻烦也不想用gh-pages了
等我域名备案好就能在线访问啦!😊想看效果的话就下载到本地运行吧！
建议在手机或谷歌、火狐、uc、op等浏览器F12用手机模拟器查看!
用手机直接输入vuetaobao.top就可以查看

目标功能

  • home(首页)轮播图效果
  • home(首页)商品实现链接跳转
  • home(首页)倒计时功能
  • home(首页)最下面的每个商品都有各自的商品详情页
  • 商品详情页(goodDetail)的轮播图(可以点开的！)
  • 商品详情页(goodDetail)的导航栏(head)文字实时跳转(点哪跳哪)
  • 商品详情页的sku(点加入购物知道了),商品的加入购物车功能
  • 商品详情页的评论(点更多评论或评论那一行知道了)
  • 商品详情页的评论里的照片可以点击放大,评论分类,评论统计等
  • 购物车加减数量删除商品，合计moeny功能全选商品等
  • Localstorage本地存储数据

最终目标

打算写出整个完完整整的淘宝！后台还不会所以订单和支付那一块，物流那些就先不写了 后续有时间会慢慢的完善！我还年轻的很呢！ 敬请期待吧！

项目效果截图




如果喜欢该项目或觉得该项目对你学习vue有帮助的话！欢迎打赏O(∩_∩)O哈哈~



注意

router的history模式还玩不来所以就没写了。 项目还有些bug如果遇到404或者图片不显示请刷新或重新输入vuetaobao.top 欢迎各位踊跃提建议或者和我一起修改！代码有点乱别介意哈！^_^!

项目运行

# 安装项目依赖
npm install

# 启动服务 浏览器本地访问http://localhost:8080
npm run dev

# 编译打包
npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].