Recently in learning Vue, took a few days to follow this project, is a summary of learning Vue Introduction, welcome students Star
Which web app to go to
?? Project Demo Address: http://118.25.39.84
Based on the Vue Family Barrel (2.x)
To which web App project, complete project, full-featured, UI beautiful, interactive first-class.
Click to view the effect technology stack "front end"
- Vue: The MVVM framework for building the user interface, the core of which is the data binding and the group system components of the response
- vue-router: A routing system for single-page applications that uses lazy-loading techniques to asynchronously load route optimization performance before the project goes live
- Vuex: Vue centralizes state Management, which is handy when multiple components share certain states
- Axios: service-side communication. Network request plug-in based on
Promise
- vue-lazyload: Third-party images lazy loading library, optimize page loading speed
- better-scroll: Iscroll's optimized version makes the mobile-side swipe experience smoother
- Stylus: CSS pre-compilation processor
- ES6: ECMAScript
- vue-awesome-swiper: Photo Carousel Plugin
- Fastclick: Resolving 300 Millisecond Click event Latency Issues
- stylus-loader: One pixel border problem
New generation of syntax, modular, deconstructed assignment, Promise, Class and other methods are very useful
"Back-end data"
- Using local simulation data
"Automated builds and other tools"
- vue-cli: Vue Scaffolding Tool for quick initialization of project code
- ESLint: Code style Checker, specification code writing
Harvest
- Have a certain understanding of Vue's components, instructions, options, template rendering, event bindings, computed properties, etc.
- Understanding the interaction between Vue components, passing values
- Familiarity with using third-party plug-ins (components) in Vue projects
- Familiar with the component and modular development thinking
- Familiarity with the way Vue-router controls Routing and sub-routes
- Once again familiar with the project development process: Project analysis design, project environment building, dependency installation, page architecture design, component development----launch
- Realize the convenience of component and modular development
- Realize the convenience of encapsulating objects into classes (ES6 Class) and initializing class instances using factory methods
- Learn how to make a good user interaction experience with transition effects and animation effects
Build Setup
# clone the repo into your disk.$ git clone https://github.com/1049759078/travel.git# install dependencies$ npm install# serve with hot reload at localhost:8080$ npm run dev# build for production with minification$ npm run build
License
The code is available under the MIT license.
Project-Vue family bucket in combat to which web App
