Vue preliminary understanding, front-end development history

html

html [1990]----> html5 [2008.1.12]

css

css 1.0 1996
css 2.0 1998
css 3.0 2001

EcmaScript

Born in 1997
2015 2015 EcmaScript
2016 EcmaScript 2016 DART language vs javascript (JavaScript to win)

MV * History of Architecture intellectual development

With the front-end logic projects increasingly complex and difficult to maintain, so the introduction of the front side of the back-end architecture of thought (MV *)

M Model data layer
V View View layer
VM view the ViewModel Model (VM is renamed by the business logic come P)
P Presenter proponent (Controller come renamed)
C controller the Controller (business logic)

frame Architecture ideas time
Backbone.js MVP 2010.10
Angular.js( 1.0 ) MVC 2010.10
Angular.ts ( 2.0 ) MVC -> MVVM 2016 is now updated to Angular7 (also part of angular2.0 version)
1.0 Overview MVVM 2014/07
View 2.0 MVVM 2016/09
React 2012 This architecture is not recognized front-end MVC idea, you can be seen as simply React V in MVC
angular.js view React angular.ts
59.6 142 131 49.1

github statistics (international usage) does not mean that the mainland units are: K

Learning curve: Vue <React <Angular (2.0)

Distal popular
mobile web && hybird app (mixing app)

The MVC
C renamed P
the MVP
P like a matchmaker (MV connecting bridge)

MVVM

VM is renamed by the p come and V VM relationship more intimate "MVVM": two-way data binding, change of View, mapping ViewModel, on the contrary, like

Note:
We over these frameworks are: unidirectional data flow (data flow by a parent child)

Guess you like

Origin blog.csdn.net/HelloWord182/article/details/93224893