大家在讨论现在前端越来越难的同时，却忽略了它的多样性和实用性。React更是如此，组件开发、模块化开发是大多数的前端开发人员的“痛”，那么谈到组件开发，就不得不提到组件内部的state，在任何类组件的构造函数里面，可以用this.state = {}来给类的实例添加state属性，表示“状态”。当state发生变化的时候，组件的视图会跟着发生变化；在爱前端的课程中会着重讲解state的使用。
当聊到这的时候就不得不谈一个抽象的概念叫MVVM；Google的工程师最早发明了MVVM模式，最早在2009年用到了angular上；但是angular在中国已经过时；之前的信号量思维，已经有了让“量驱动视图”的概念。但是它是数据先变化，再“人工的”让视图“跟上量的变化”并不是数据会引发视图的改变，那么当下流行的框架都是MVVM模式。在爱前端老师会把这些视图模式从抽象的概念中提炼出来，图文并茂的给学生们讲解。
数据和视图的关系为数据的双向绑定，结合以上的知识可以完成了几个基础的案例
调色板：
微博发布框：
数据的三级联动：
由于整篇笔记的内容篇幅较长。为了方便大家学习，我已将本节笔记上传在百度网盘中，请大家自行下载，欢迎提出宝贵的意见和建议，在之后我将分享更多爱前端培训学校实体班的学习笔记，大家也可以加群实时技术交流：137503198
网盘地址：链接：https://pan.baidu.com/s/1rP1EvEjxesQpv2HGhSdwSg密码：brie
