数据驱动

MVVM

Model

模型,JavaScript对象

View

视图,文档模型Dom,即UI界面

ViewModel

Vue实例对象

image.png

视图当中的Dom是可以监听到模型当中属性的变化,
反之,模型当中的属性更新也会对绑定到视图中的Dom做一个更新。

组件化思想

定义

扩展HTML元素,新标签
扩展原生HTML标签,增加新的api
自定义元素的扩展

功能

将页面进行模块划分,方便维护
代码的复用,提高效率,易于维护