初识mvvm还是在入门vue的时候，看见官方文档说vue是个响应式的mvvm框架，当时哪会注意这个，管他什么vm，和我入门vue有毛线关系。是的，抛弃它你可以很愉快的入门，但是入门之后，必然会进入'深入浅出'的阶段，这个时候就不得不面对mvvm这东西了。v

MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。它强制将业务数据与用户界面隔离，第三个组件仍然管理逻辑和用户输入。这种模式是Smalltalk-80的研究期间设计出来的，这其中有一些有趣的地方：。当一个Model改变时，它会通知它的观察者。

MVVM到底是什么，跟Jquery有什么区别？vue中，proxy代理_data数据，并且不允许直接修改。template为视图不分离背离了开放封闭的原则，不利于维护，功能扩展以数据驱动视图。只修改数据，就会触发封装好的dom操作。不需要手动进行dom操作

前端开发本质上是一种展现层开发，我思考了一下这句话，这句话用人话说就是前端开发本身就是写界面的。但是别人能把写界面的能总结成下面一个循环，我发现这真的是能力了。如下图，有略微的改动：。下面就开始进入正题了。

Model不涉及用户界面，也不涉及表示层，而是代表应用程序可能需要的独特形式的数据。总的来说，Model主要是与业务数据有关。一个View通常检测一个Model，并在Model更改时进行通知，使View本身能够相应的更新。更新Model的实际任务是在Con

看这篇之前，如果没有看过之前的文章，移步拉到文章末尾查看之前的文章。provide / inject在上一步我们实现了，父子组件，和 props 一样 provide / inject 也是基于父子组件实现的，相比于 props 它的实现还要更简单一点。我

看这篇之前，如果没有看过之前的文章，移步拉到文章末尾查看之前的文章。组件的扩展在 Vue 中有 extend 方法可以扩展 Vue 的实例，在上一步中，有一些实现是必须要通过子父组件才能实现，而子组件相当于一个特殊的 Vue 实例，所以这步，我们先把这个扩

看这篇之前，如果没有看过之前的文章，可拉到文章末尾查看之前的文章。回顾在上一步我们实现了一个简易的事件管理的类，接下来我们把它给优化下，方便我们的使用。方便为多个事件添加同一个函数方便为一个事件添加多个函数有针对性的取消事件的函数第一点和第二点都要修改 $

dom.innerHTML = 'hello mvvm';第二阶段jQuery的出现解决了原生API的复杂性和浏览器间的兼容性等问题，提供了更加简易方便的API$.text第三阶段MVC模式使前端可以和后端配合，修改服务端渲染后的页面内容而随着产品对于用户

看这篇之前，如果没看过 step1 先移步看 实现 VUE 中 MVVM - step1 - defineProperty。在上一篇我们大概实现了，Vue 中的依赖收集和触发，但我们仅仅是将依赖维护在一个内置数组中，这样做虽然容易理解，但毕竟不好维护，为了

MVCMVC是一种设计模式，它将应用划分为3个部分：数据(模型)、展示层(视图)和用户交互层。结合一下下图，更能理解三者之间的关系。换句话说，一个事件的发生是这样的过程。在javaScript应用中，视图大都是由html、css和JavaScript模版组

尝试使用es6新特性，自己来实现一个mvvm及vue的各种特性。相关代码放在github，会持续更新，欢迎赏个star。本篇文章为系列文章的第一篇，会比较容易理解，后续会持续更新后面的记录。文章首发于本人博客。最简单的watcher从开始接触Vue开始，我

and the conclusion being " INPC is is what ought to be used in most cases ..."