SoliviorX

前言 runtime-dom 是针对浏览器的运行时，包括 DOM 操作、props（例如class、事件、样式以及其它attributes）的更新；本小节我们开启 runtime-dom 的篇章。 创

前言 本小节我们开启响应式原理的篇章。在开启这个篇章之前，我们先来了解一下 Vue3 中一个基于 Composition API 响应式应用的例子是如何编写的： 在 vue3 中我们通过 reacti

全面拥抱 Vue 3 在 2022 年 2 月 7 日，Vue 3 成为vue的默认版本。Vue 2.7 成为 Vue 2.x 的最终次要版本。可以预见：在不久的将来，Vue 2.x 将会逐步淡出江湖

设计思路 什么是前端路由 在spa出现之前，页面的跳转(导航)都是通过服务端控制的，用户输入一个url，浏览器向服务端发起请求，服务端匹配映射表，找到对应的处理程序，返回对应的资源，跳转存在一个明显白

前言 Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它借鉴了Flux、redux的基本思想，将共享的数据抽离到全局，同时利用Vue.js的 响应式 机制来进行高效的状态管理与更新

keep-alive作为一个全局组件，在初始化全局api时，创建并合并到Vue.options.components中；keep-alive缓存的是组件的vnode，使用了LRU算法

vue2的diff算法，采用同级比较，采用双指针比较；对于子节点，使用patch递归比较；如果标签带有key，可提高diff的准确性和性能。

全局组件Vue.component()，实质是调用Vue.extend()，以及往Vue.options中添加components属性；每个组件实质都是一个vue实例，渲染时会执行子组件的$mout

Vue.mixin(mixin)会把mixin合并到全局配置Vue.options；组件实例的options会与构造函数的options合并。在vue执行的不同阶段调用相应的生命周期钩子函数。