过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通和联调成本的消耗也十分显著。 …

哈哈哈哈😄

先通过normalizeProps、normalizeInject、normalizeDirectives以Object-base标准化，然后依据strats合并策略进行合并。 strats是对data、props、watch、methods等实例化参数的合并策略。除此之外还有…

平时Vue只用来做单页面应用开发，其实它是可以做多页面开发的 Vue在工程化时，依赖webpack，webpack从一个入口文件将依赖的所有模块都整合在了一个页面 所以要实现多页面开发，必须修改webpack的配置 首先创建新页面的html文件、入口js、主组件vue 例如： …

官网虽有测试例子，但涉及较窄，遇到组件中存在异步传参、触发 action、获取 state 等问题时，编写单元测试便不知从哪下手。 这篇文章结合实际项目，旨在解决上述问题，顺便记录写测试文件时遇到的一些问题，希望对各位朋友有所帮助。

先大概说下Vue响应式实现的原理。 Vue的响应式原理是通过“观察者/订阅者”模式实现的。 首先，Vue会给data及data下的数组、对象循环调用Object.defineProperty方法来设置getter和setter，以此来拦截data的赋值和取值。也就是说，当我们赋…

本文详细记录了学习Vue的template解析的过程和逻辑。

虽然说是Vuejs实践，但是有些重要的理论还是必不可少的，本文将简单的带你了解 Vuejs的响应式原理。 编译组件：对特殊标记的部分（比如双大括号部分）进行替换为相应的数据值。 通知更新：当步骤2中监听的数据发生变化时，会通知 watcher 进行重新计算，触发关联视图更新。 …

Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。 例如const obj = {},然后再调用defineReactive(obj,'…