// the find
coderwhy/supermall
a vuejs supermall
A Vue 2 mobile mall demo built as a tutorial project by a popular Chinese programming instructor. It covers the basics of a mobile shopping app — home page, category browsing, cart, and product detail — but exists purely as teaching material, not a production template.
- Clean component decomposition: tabbar, navbar, swiper, and scroll are extracted as reusable common components rather than inlined into views.
- Custom scroll wrapper around better-scroll is a decent pattern for teaching how to handle mobile momentum scrolling in Vue.
- The network layer is isolated in src/network rather than scattered across components, which is a good habit to model for beginners.
- Last touched January 2023, built on Vue 2 and Vue CLI — both effectively end-of-life. Adopting this today means starting in a dead ecosystem.
- No backend, no auth, no real cart persistence — the 'cart' is local state only. This is a UI mockup, not a foundation for a real project.
- README is the default Vue CLI scaffold output. There is zero documentation about what the project actually does or how the components fit together.
- No tests despite npm run test being in the README. The test suite is the Vue CLI placeholder that runs nothing.