Popular science moment:
Dark horse programmer vue front-end basic tutorial -4 hours to take you to get started quickly vue
Front-end development weapon vue, WeChat applet rapid development and actual combat
Web Front-end Basic Necessary Tutorial-Play Vue Unit Test for 2 hours
The dark horse programmer Vue2.0+Vue3.0 is from entry to mastery, and it is a necessary skill for the front-end positions of large factories.
What are 1 and Vue.js?
Vue is a js library, which, like jquery, has no dependence on other js libraries. Vue core library only focuses on the view layer, and it is very easy to integrate with other libraries or existing projects. Vue.js is a lightweight, high-performance, component-based MVVM library with a very easy-to-use API.
Vue。 Is a progressive framework for building user interfaces. Different from other large-scale frameworks, Vue is designed to be applied layer by layer from bottom to top. The core library of Vue only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with modern tool chains and various supporting class libraries, Vue can also provide drivers for complex single-page applications.
2. What is the MVVM design pattern of 2.Vue?
If you know the front end, you must know the MVVM and MVC design patterns, and you may know something about mvp. MVC, namely model, view, control and jQuery, is the adopted design pattern. MVVM, namely model, view and viewmodel, is a data-driven mode, that is, everything is done by manipulating data, and DOM trees are avoided as much as possible.
We don't pay attention to DOM structure, but consider how to store data. The user's operation is handled in the view through viewmodel, depending on whether to interact with the model layer through ajax, and then return to the view layer. In this process, the two-way data binding between view and viewmodel makes us completely get rid of the tedious operation of DOM, but concentrate on the user's operation, avoiding the problem of too thick control layer in MVC.
You can choose to install the chrome plug-in vue Dev tool in debugging vue. Open the vue project and select the vue panel in the console. In the Devtools object, you can select a component and view the data information in the corresponding component. You can also select the Vuex option to view the state variable information of Vuex in this project.
3. What are the advantages of 3.Vue.js?
Declarative and responsive data binding; Development of components; Virtual DOM response data binding
(1)jQuery first gets the DOM object, and then modifies the value of the DOM object.
(2)Vue binds the value to the js object first, and then modifies the js object value, and the Vue framework will automatically update the DOM value;
(3) Simply understand that Vue helped us to do DOM operations. In the future, you need to modify the value of the object and bind the elements and objects, and the Vue framework will automatically do DOM-related operations;
(4) The change of DOM element following the change of JS object value is called one-way data binding, if the value of JS object also follows DOM element.
4. What knowledge points related to the framework of Vue.js need to be learned?
Installation of Vue.js, directory structure of Vue.js, startup of Vue.js, template syntax of Vue.js, conditional statement of Vue.js, loop statement of Vue.js, calculation attribute of Vue.js, monitoring attribute of Vue.js, style binding of Vue.js, event handler of Vue.js, and event handler of vue.js.
Vue.js is a JavaScriptMVVM library, a progressive framework for building user interfaces. It is built with the idea of data-driven and component-based, and adopts the design of bottom-up incremental development. Compared with Angular.js, Vue.js provides a simpler and easier API, which enables us to get started and apply Vue.js quickly.