Vue's Learning Route

Source: Internet
Author: User

Transfer from http://www.cnblogs.com/smartXiang/p/6051086.html

Recently Vuejs indeed a fire, since the release of Vue2.0, Vue has become a hot topic in the front-end field, GitHub also broke through 30,000 star, then for the novice, how efficient and fast learning Vue2.0 it.

Since everyone will read this article, then it must be Vue's learner, or the bottleneck encountered, or just beginning to learn, do not know how to start quickly, this article will lead you in the shortest possible time component of a learning Vue learning route

Vuejs's author, Yu Yuxi, also wrote an article about the Novice learning the Vue path. Beginner to: Suggested learning sequence for Vue 2.0

Baidu Vuejs Search is vue1 documents, recommended that everyone directly on the 2.0, after all, 1 and 2 is still a difference. vue2.0 Document Address Vue2.0

Vue BasicsFor children who have not been exposed to ES6 and webpack, it is not recommended to use the official scaffold VUE-CLI component projects directly. Learn the first chapter of the component in document order, at least. Introduce vue.js directly into the HTML file to start learning about Vue's underlying directives and syntax. The life cycle of Vue is important, and knowing this can save you a lot of questions. After learning these can do some practiced hand small projects, such as the constant todolist ... Now you can start to learn to use the VUE-CLI component project, before you learn the component, it is recommended to take a look at Es6 about the module introduction. Nanyi "ECMASCRIPT6" Module light This is still not enough, there will be some NPM foundation, know how to use the Git-bash to install dependencies, will be some common commands. This knowledge can be found in the NPM starter documentation you can try to use the VUE-CLI to build the previous demo. Attached I wrote an introductory little demovue-demo-search more look at the components there, see how to implement the component in Vue-cli, plainly, Vue is playing the component. This is the end of the basic Vue story. You can also conditionally refer to the remaining official documents in the advanced chapter, if the time is limited, directly into the Vue-routerVue-routerAs before, it is recommended to go through the document directly with HTML+JS. Navigate the navigation hooks to get a good look. After reading the document can get started Vue-cli, the general novice in these days will be dead or alive. The most straightforward way is to go to GitHub to search some of the vue-router2.0 on the demo, see how the component routing, how to build the project directory. I have a portal here. If you can run out, you can do some small projects, such as writing a knowledge of the daily, these demos on GitHub a lot. You can write the demo with some component libraries to get a better understanding of the components. Like hungry? Element of the team, Mint-uiVuexWhat is Vuex. Vuex is a state management Model + library specifically designed for vue.js applications. It provides a centralized storage service for all components within an application, where the rules ensure that the status changes only as expected. To be blunt is to control some of the global state of the application.   The state changes and the corresponding view changes. When learning Vuex, there will be some ES6 characteristics, when encountering these, it is best not to cross the area, to take a good look at these es6 characteristics. For example, when you study action, you can look at ES6 's new promise and parametric deconstruction. The practice of the same way is to look at other people write code, such as the official shopping cart instance of the application structure. Optimize your previously written demo, and some places can be used with Vuex.       Vuex is primarily used to communicate between different components, and it constructs a global data and method for a Vue instance that can be getter and setter in all the components of the Vue instance. Congratulations on your successful entry to the Vue. Also learned a little ES6,, with a little webpack, you can start to write a small works, such as writing a player ah, write a high-level todolist and so on, attached I wrote a copy of the example of a cool dog WebApp, portal

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.