MVVM design pattern

MVVM is short for model-view-viewModel

M: Model(Data layer)

V: View(View layer)

VM: ViewModel layer

• Data Bindings, which move Data from the Data layer to the view layer by manipulating the VALUE or textContent of a DOM elementCopy the code

• DOM Listeners listen to data streams from the view layer to the data layer and bind elements to input events to collect and update dataCopy the code

Two-way binding