[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8778":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},8778,"ddBuy","Geek-James\u002FddBuy","Geek-James","🎉Vue全家桶+Vant 搭建大型单页面电商项目","",null,"Vue",2427,543,51,36,0,1,30.21,"MIT License",false,"master",true,[24,25,26,27,28,29,30],"better-scroll","easy-mock","javascript","vue","vuejs","vuerouter","vuex","2026-06-12 02:01:58","\u003Cdiv align=center>\n\u003Cimg src=\"http:\u002F\u002F518taole.7-orange.cn\u002Fgeek3.png\" width = \"100\" height = \"100\" div align=center \u002F>\n\u003C\u002Fdiv>\n\u003Cp align=\"center\">\n   \u003Cimg src=\"https:\u002F\u002Fbadgen.net\u002Fgithub\u002Fstars\u002FGeek-James\u002FddBuy\" alt=\"Star\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVue-2.6.10-brightgreen.svg\" alt=\"Vue\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fyouzan.github.io\u002Fvant\u002F#\u002Fzh-CN\u002Fintro\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVant--UI-2.7.0-brightgreen.svg\" alt=\"Vant-ui\">\n  \u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNode-8.9+-brightgreen.svg\" alt=\"Vant-ui\">\n   \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGeek-James\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fbuild-passing-green.svg\" alt=\"geekJames\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Feasy-mock\u002Feasy-mock\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FEasyMock-1.6.0-brightgreen.svg\" alt=\"easymock\">\n  \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy\u002Fblob\u002Fmaster\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fmashape\u002Fapistatus.svg\" alt=\"license\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n简体中文 | [English](https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy\u002Fblob\u002Fmaster\u002FREADME.en.md)\n\n\n## 简介\n\n**ddBuy**是一个移动端开源电商项目，它基于 [vue 2.x](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue) 和 [vant 2.x](https:\u002F\u002Fyouzan.github.io\u002Fvant\u002F#\u002Fzh-CN\u002Fintro)实现。使用了最新的Vue全家桶技术栈，以及一些优秀的开源库如[better-scroll](http:\u002F\u002Fustbhuangyi.github.io\u002Fbetter-scroll\u002Fdoc\u002Fapi.html)、 [moment.js](https:\u002F\u002Fgithub.com\u002Fmoment\u002Fmoment\u002F)、[twix.js](https:\u002F\u002Fgithub.com\u002Ficambron\u002Ftwix.js)、[pubsub-js](https:\u002F\u002Fgithub.com\u002Fmroderick\u002FPubSubJS),后台数据通过[Easy-Mock](https:\u002F\u002Fgithub.com\u002Feasy-mock\u002Feasy-mock)搭建。支持多语言国际化,相信不管你是处于哪个段位的攻城狮，本项目都能帮助到你。\n\n## [Release Note](https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy\u002Freleases)\n\n**V1.3.0及以上版本支持国际化语言**\n### 支持 英语 中文\n\n作者 **[极客James](https:\u002F\u002Fjuejin.im\u002Fuser\u002F5c4ebc72e51d4511dc7306ce)**\n\n## 前序准备\n\n>如果你是刚入门Vue的小白墙裂建议过一遍[Vue官方文档](https:\u002F\u002Fcn.vuejs.org\u002F),如果你已经掌握了Vue,那么墙裂建议按照[Vue代码风格指南](https:\u002F\u002Fcn.vuejs.org\u002Fv2\u002Fstyle-guide\u002F)来写代码。\n\n你需要在本地安装 [node](http:\u002F\u002Fnodejs.org\u002F) 和 [git](https:\u002F\u002Fgit-scm.com\u002F)。本项目技术栈基于 [ES2015+](http:\u002F\u002Fes6.ruanyifeng.com\u002F)、[vue](https:\u002F\u002Fcn.vuejs.org\u002Findex.html)、[vuex](https:\u002F\u002Fvuex.vuejs.org\u002Fzh-cn\u002F)、[vue-router](https:\u002F\u002Frouter.vuejs.org\u002Fzh-cn\u002F) 、[vue-cli](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-cli) 、[axios](https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios) 和 [vant-ui](https:\u002F\u002Fyouzan.github.io\u002Fvant\u002F#\u002Fzh-CN\u002Fintro)，所有的请求数据都使用[Mock.js](https:\u002F\u002Fgithub.com\u002Fnuysoft\u002FMock)进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。\n\n同时配套了Vue基础系列教程文章，适合小白入门Vue,后期会把整个ddBuy项目拆分些技术文章出来。\n\n- **核心技术拆解**:\n  - [服务器搭建Easy-Mock](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5dfdcda1f265da33a55fa5a0)\n  - [数据抓包](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d7f097fe51d453b8b5fa680)\n  - [商品飞入购物车动画](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5dd55fd2f265da47dd1af944?utm_source=gold_browser_extension)\n  - [登录注册](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5dafc91a6fb9a04e4047a713)\n  - [封装SVG组件](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5dea5745f265da33bd496f50)\n  - [个人中心](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5dbf9613f265da4d32001eb0)\n\n- **Vue甜小白系列专栏**:\n    - [Vue从甜小白到皮大佬系列(一) Vue是个啥?](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d64f31ae51d4561db5e3a74)\n    - [Vue从甜小白到皮大佬系列(二) v-指令](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d652fb351882505a87a976b)\n    - [Vue从甜小白到皮大佬系列(三) 生命周期\n](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d6675716fb9a06b10273c1c)\n    - [Vue从甜小白到皮大佬系列(四) 自定义指令\n](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d673ad7f265da03934bf266)\n    - [Vue从甜小白到皮大佬系列(五) 组件\n](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d67eac7e51d453c12504e3a)\n    - [Vue从甜小白到皮大佬系列(六) 组件通信\n](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d699e2b6fb9a06ae3727746)\n    - [Vue从甜小白到皮大佬系列(七) Vue Router\n](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d6e6f366fb9a06b32609021)\n    - [Vue从甜小白到皮大佬系列(八) Vuex](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d6f5801f265da03da24b365)\n\n**欢迎提Bug,如有新的需求和想法，欢迎 issue 和 pr**\n\n## 完整项目图\n[项目架构树](https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy\u002Fblob\u002Fmaster\u002FREADME.structure.md)\n\n![image](http:\u002F\u002F518taole.7-orange.cn\u002FhomePage.jpg)\n\n![image](http:\u002F\u002F518taole.7-orange.cn\u002Fcategorytwo.jpg)\n\n![image](http:\u002F\u002F518taole.7-orange.cn\u002FmyOrder.jpg)\n\n## 如何运行\n\n```bash\n# 克隆项目到本地\ngit clone https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy.git\n\n# 进入项目目录\ncd ddbuy\n\n# 安装依赖\nnpm install\n\n# 启动服务\nnpm run serve\n```\n\n浏览器访问 http:\u002F\u002Flocalhost:8080\n\n## 发布\n\n```bash\n# 构建生产环境\nnpm run build\n```\n\n## 在线浏览器预览\n\n[请把浏览器切换到移动端模式](http:\u002F\u002Fddbuy.7-orange.cn)\n\n## 手机端扫码预览\n![](http:\u002F\u002F518taole.7-orange.cn\u002Fqrcode.gif)\n\n## 影响力\n[![Stargazers over time](https:\u002F\u002Fstarchart.cc\u002FGeek-James\u002FddBuy.svg)](https:\u002F\u002Fstarchart.cc\u002FGeek-James\u002FddBuy)\n\n## 浏览器支持\n\n| [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\"IE \u002F Edge\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>IE \u002F Edge | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Firefox | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Chrome | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Safari |\n| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| IE10, IE11, Edge                                                                                                                                                                                                 | last 2 versions                                                                                                                                                                                                    | last 2 versions                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                |\n\n### 留下脚印\n\u003Cimg src=\"https:\u002F\u002Fvisitor-badge.glitch.me\u002Fbadge?page_id=Geek-James\u002FddBuy\"\u002F>\n\n## MIT许可协议\n\n[MIT](https:\u002F\u002Fgithub.com\u002FGeek-James\u002FddBuy\u002Fblob\u002Fmaster\u002FLICENSE)\n\n## 声明\n本项目仅做技术交流和学习，不建议用于商业目的！\n\nCopyright (c) 2021 极客-James  \n\n![](https:\u002F\u002Fraw.githubusercontent.com\u002FFairyEver\u002Fd2-admin\u002Fmaster\u002Fdocs\u002Fimage\u002Fgive-a-star@2x.png)\n","ddBuy是一个基于Vue全家桶和Vant UI构建的大型单页面电商项目。它集成了Vue 2.x、Vuex、Vue Router等核心技术，并采用了better-scroll、moment.js等优秀的开源库，利用Easy-Mock进行后台数据模拟。该项目支持多语言国际化，适合于移动端电商应用开发。无论你是Vue初学者还是有经验的开发者，都能从中受益，快速搭建功能完善的电商平台。",2,"2026-06-11 03:19:44","top_language"]