MVP，MVVM架构模式

MVP模式
面向dom进行开发 presenter层最重

M 模型层 V 视图 （上面的dom）P 控制器 模式
当视图发生改变，点击提交的时候，控制器会去执行
控制器会调用模型层发送Ajax请求
控制器处理完业务逻辑之后，会通过dom操作再来改变视图
比如handleBtnClick里面的方法 现在由于没有通过Ajax远程获得一些数据，因此现在M层非常弱 基本目前这个程序只有VP层

        视图层发出了一个事件交给控制器 Presenter
            控制器要么调用Ajax获取一些数据
            控制器要么直接操作dom来通过业务逻辑决定dom怎么修改
        Presenter里面是最核心的一层，里面放的业务逻辑是视图和模型之间的中转站
        很大一部分都在做dom操作

MVVM模式
面向数据进行编程 Model层最重
VM由view自动帮助实现，极大的简化了dom操作
通过虚拟dom和Es5中的define…实现VM层的架构体系

VM层是vue内置的 --》 当对数据进行操作时，数据变化，页面的V层也在自动的发生变化 --》Vue可以监听到，会自动实现
没有任何的dom操作。主要在写数据 ,对数据进行操作–》 M层
Dom --> V层