This is a webApp project based on vue2 + VuE-Router2 + vuex + Axios imitation (Douban market)! I only knew a little about VUE before, and only wrote a simple demo, but after comparing React and Angular, I still like Vue more. So I always want to find a time to have a more in-depth experience of this framework, which is a rising star of MVVM. So in my spare time recently, I seriously rolled up my sleeves and started my VUE journey! Through a fairly complete demo, so the beginning or habitual thinking was once used jquery way to development, more with feel more uncomfortable, this is also the realized that he could walk, so also constantly according to document the API to see, to try to change their own ways of thinking, with data as the drive, Slowly began to taste the benefits and convenience brought by the framework, for two-way data binding, componentization, modularization, data processing and template rendering, performance optimization, rolling loading, lazy loading pictures and so on! There is a complete understanding, but because after all, it is still a use, or there are many deficiencies, can only be regarded as an entry demo, in general, there is an understanding of VUE.

Online access address

www.iw728.com/pages/7/dou…

Mobile phone scan access

Part of the screenshot

Project address 🙁git clone)

git clone https://github.com/Awheat/vue2-douban-market.gitCopy the code

The installation

npm install
Copy the code

run

npm run dev
Copy the code

Enter :(http://localhost:8080) to see the effect

release

npm run build
Copy the code

Technology stack

The following techniques are used in this DEMO

  • vue2
  • vue-router2
  • vuex
  • webpack2
  • es6
  • axios
  • vue-infinite-scroll
  • vue-lazyload

The directory structure

.├ ─ readme.md ├─ Build // Build Services and WebPack Config ├─ config // Project Build Directory ├─ index.html // Project import File ├─ Package. json // ├─ SRC │ ├─ Assets │ ├─ Components │ ├─ Pages │ ├─ SRC │ ├─ Assets │ ├─ Elements │ ├─ Pages Each page │ ├ ─ ─ the router / / storage routing folder │ ├ ─ ─ store / / state management store │ ├ ─ ─ App. Vue / / template file entry │ └ ─ ─ the main, js / / Webpack │ precompiled entryCopy the code

Thank you

Thank you for your visit, if it is helpful to you, please try your best to give a Star! ^_^