Important!!

The project has been well documented to help beginners with the step-by-step operation of VUE.

Cxp1539.github. IO /vue-maoyan/

If you have any questions, please make an issue on Github. If this project has been helpful, please click on Github Star to support it

Making address (github.com/cxp1539/vue…).

Why do you want to write about this project?

  • In the past couple of years, I got to know Vue and React in my spare time. Usually, I practiced with small functions, and the knowledge was quite broken. I would like to borrow a project to sort out and integrate some fine technical points of mobile terminal into this project.

  • Help students who just learn VUE to get started quickly. Vue is basically to use a variety of family barrel technology stack, so this can help students to better master the vUE basic knowledge points and a variety of family barrel technology combination of the project.

  • Many students should have this question, after reading the VUE document, how to set up a reasonable directory for the vUE project, the directory structure of the project just preparing to write VUE can be clearly divided.

How to use

git clone https://github.com/cxp1539/vue-maoyan-web.git
cd vue-maoyan-web
npm install
npm run dev
Copy the code

Technology stack

Vue2.5 + Vuex + Vue Router + axios + Es6 + stylus + flex + Webpack + ESlint + git

What does it contain

  • Reasonable project catalog planning
  • Flex layout project
  • Iconfont use
  • Move side click through
  • Lazy loading of images
  • Mobile 1px border issue
  • Mobile terminal 2X, 3X background image problem
  • Basic component library such as topbar, Loading, pop-up box, scroll bar, city selection and other components packaging
  • Vue animation
  • Promise
  • Axios gets the data
  • The use of Vuex
  • LocalStorge Local storage
  • Asynchronous components
  • .

Project presentations

instructions

Be able to use some knowledge of HTML, CSS, VUE, ES6,webpack before looking at this project

The project is only for learning use, the code inside the component library can be downloaded as their own project use, the code will be put on Github, you can clone Github download source code. Everyone can keep learning,