[Vue Basics] 05-Understanding MVVM

1. M: Model (Model): corresponds to the data in data
2. V: View (View): template
3. VM: View Model (ViewModel): Vue instance object

 It is reflected in the code as follows:

 

When the data source changes, it will be monitored by the VM, and the VM will automatically update the page structure according to the latest data source;

When the value of the form element changes, it will also be monitored by the VM, and the VM will automatically synchronize the latest value after the change to the Model data source