Project-Vue family bucket in combat to which web App

Source: Internet
Author: User
Tags es6 class

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
    1. Have a certain understanding of Vue's components, instructions, options, template rendering, event bindings, computed properties, etc.
    2. Understanding the interaction between Vue components, passing values
    3. Familiarity with using third-party plug-ins (components) in Vue projects
    4. Familiar with the component and modular development thinking
    5. Familiarity with the way Vue-router controls Routing and sub-routes
    6. Once again familiar with the project development process: Project analysis design, project environment building, dependency installation, page architecture design, component development----launch
    7. Realize the convenience of component and modular development
    8. Realize the convenience of encapsulating objects into classes (ES6 Class) and initializing class instances using factory methods
    9. 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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.