First flag at the beginning of the year is mastering vUE, haha
Vue, React and Angular are three mainstream frameworks. Finally, I chose to learn Vue. After contacting React, I felt the learning curve was a bit steep, so I chose to learn Vue, whose learning curve was much smoother. No matter what framework you choose, you should have some understanding of ES6 in addition to the basic knowledge.
This is the Vue knowledge system in my mind;
A one-sentence overview of Vue’s view components that implement data binding and composition of responses through the simplest POSSIBLE API;
The creation of a Vue
Our learning goal is definitely not just to create a simple Vue instance; Instead, use it to fulfill more varied functional requirements; Then we need to further learn vue-Router, Vuex and VUe-CLI;
Let’s start with the basic Vue. After creating a simple Vue instance, can we add more complete data options to the instance to meet our variable functional requirements? The answer is yes;
instruction
Here is a small example I wrote with the above instructions, just as all the instructions come in handy
See demo source for details
Custom instruction
In an example of code
Look at the code source
Vue API
Vue common options
This is what I added more to Vue instances when I was learning about Vue; Directives and Components are created locally for custom directives and registered components in Vue instances, vue.directive () and vue.comonent () are registered globally
Vue components
Lifecycle hook
I saw a life cycle map in the QQ group, I think it is very good, thanks to the friends who summarized this map
Look at the code source
How to make Vue writing more beautiful?
Please refer to the official website for style-guide
The official documentation
Some resources come from the Internet;
Welcome to continue to pay attention, continue to update the follow-up