Vue.js is a JavaScriptMVVM library and a progressive framework for building user interfaces. Based on the idea of data-driven and component, it adopts the design of bottom-up incremental development. Compared with Angular.js, Vue.js provides a simpler and easier API, which enables us to use Vue.js quickly. At the same time, compared with the relatively complex architecture of React+Redux, Vue.js is lighter and easier to use, and it is the preferred front-end framework for start-up projects. The core library of Vue only focuses on the view layer, which is not only simple and easy to use, but also easy to integrate with third-party libraries or existing projects.

Today I'm going to introduce you to a progressive JavaScript framework-Vue.

In recent years, in the field of front-end development, the old browser has been gradually eliminated, the demand for mobile development has increased year by year, and the front-end interaction has become more and more complicated. The architecture is migrated from traditional backstage MVC to REST API+ foreground MV*.

MV* is equivalent to MVC, that is:

The model represents the core of the application (such as a list of database records).

View shows that front-end learning needs continuous learning. Taking a day off is tantamount to learning in vain, and the learning effect is very poor. If you want to find someone to study with, you can come to this button skirt. First, 132 is 667, and finally 127 is a zero-based classmate. Everyone encourages each other to work together, just learned to play, and it is not recommended to come! ! ! Data (database records).

The controller processes the input (writes database records).

Most valuable player

The model represents the core of the application (such as a list of database records).

Views display data (database records).

The presenter is responsible for handling the business logically.

The difference of MVC is that:

1, the view and model are completely isolated.

2.Presenter has nothing to do with the specific implementation technology of View.

3. You can simulate and test the view.

MVVM(Vue is a MVVM framework).

The model represents the core of the application (such as a list of database records).

Views display data (database records).

ViewModel (observer) is responsible for synchronizing the data of the model into the view display, and also for synchronizing the modification of the view back into the model.

Advantages: high cohesion and low coupling (reusability and portability).

Vue is a data-driven and component-based front-end development framework. Compared with angular and react, Vue.js is lighter, and the size after gzip is only 26K (Angular 56K, React 44K). At the same time, it is easier to get started, and the learning curve is smooth. It absorbs the strengths of the two companies and draws lessons from Angular's instructions and React's components.