MVVM是一种软件架构模式，MVVM 分为 Model、View、ViewModel： Model代表数据模型，数据和业务逻辑都在`Model`层中定义；View代表UI视图，负责数据的展示

现代前端框架都是使用组件化机制来搭建整个项目，每个组件内部有自己的数据和模板。 但是总有些数据是需要共享的，比如当前登录的用户名、权限等数据，如果都在组件内部传递，会变得非常混乱，于是就有了状态管理。

前端路由是面试过程中必问的题目，为了弄清楚其核心原理，本文分别对hash和history两种模式手写了vue-router，核心代码总共不到100行，但足以说清楚前端路由的原理。

分别展示 `Vue2 `和` Vue3` 的数据响应式原理的实现过程，相比`Vue3 ,Vue2 `响应式实现有什么缺点。

Vue3在响应式原理、代码组织方式、工程化工具方面进行全新的改进，在开发体验及性能上Vue3有全面的提升。本文，对这些改进进行了一些梳理。

最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆 相信很多同学或多或少都了解Vue的响应式原理是通过Object.defineProperty实现的。被Object.definePr…

今年OKR定了一条KR是每一个季度进行一次前端相关技术的分享，还有十几天就到2020年了，一直忙于业务开发，没有时间准备和学习高端话题，迫于无奈，那就讲讲平时使用频率较高，却没有真正认真的了解其内部原理的 Vue.js 吧。 由于本文为一次前端技术分享的演讲稿，所以尽力不贴 V…

上一节对keep-alive组件的分析，是从我画的一个流程图开始的。如果不想回过头看上一节的内容，可以参考以下的简单总结。 和普通组件一致，当父在创建真实节点的过程中，遇到keep-alive的组件会进行组件的初始化和实例化。 实例化会执行挂载$mount的过程，这一步会执行k…

keep-alive的使用只需要在动态组件的最外层添加标签即可。 简单的结果如下，动态组件在child1,child2之间来回切换，当第二次切到child1时，child1保留着原来的数据状态，num = 5。 按照以往分析的经验，我们会从模板的解析开始说起，第一个疑问便是：内…