从对MVVM模型认知谈起

1.面试官怎么问

如何了解vue的mvvm模型。

2.mvvm模型和组件化是分不开的,可以从组件化引入MVVM模型

(1)很久以前就有’组件化’了

以前后端就有模板渲染,这种传统的模板属于静态渲染,更新会依赖操作dom

(2)vue在组件化的基础上进行了创新,使用数据驱动视图

vue中采用了数据驱动视图的模式,开发者只需要修改绑定的数据,vue会自动地更新对应的视图。

3.mvvm模型

(1)vue中采用了MVVM类似的模型。’m v vm’代表了model、view、viewmodel,分别对应了vue中的data,视图,viewmodel是两者中间的关联。

(2)viewmodel可以监听用户的操作,用户操作视图后,可以改变data;当data改变后,viewmodel会修改自动操作dom更新对应的视图。

思路:

MVVM模型认知:

早起组件化 + 数据驱动 => MVVM模型

MVVM模型细节:

(1)model层 + data层 + viewmodel层分别对应着组件中的哪部分。

(2)viewmodel的作用: 监听用户行为,改变data + 监听data变化,更新视图