【Vue】2-2、MVVM 简介

一、MVVM 简介

MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。

MVVM 指的是 Model、View 和 ViewModel ，它把每个 html 页面都拆分成了这三个部分

二、MVVM 工作原理 

ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面结构（View）连接在一起  

 

当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构

当表单元素的值发生变化时，也会被 ViewModel 监听到，VM 会把变化后最新的值自动同步到 Model 数据源中

一  叶  知  秋，奥  妙  玄  心