React 的 diff 算法是 React 在更新 DOM 时使用的算法。它的目的是最小化页面的重新渲染，以便提高性能。 当 React 渲染组件时，它会在内存中生成虚拟 DOM 树。然后，它会对比新的虚拟 DOM 树和之前的树的差异，找

Vue2 中数据层级不易过深，（会数据劫持每一层都增加getter和setter）.合理设置响应式数据； Vue2 非响应式数据可以通过 Object.freeze()方法冻结属性； Vue2 中采用函数式组件 -> 函数式组件开销

函数式组件是一种定义自身没有任何状态的组件的方式。它们很像纯函数：接收 props，返回 vnodes。函数式组件在渲染过程中不会创建组件实例 (也就是说，没有 this)，也不会触发常规的组件生命周期钩子。 在 Vue2 正常组件是通

Vue2 不允许在已经创建的实例上动态添加新的响应式属性。所以采用 set API 来进行实现。 export function set(targetx, key, val) { // 1.是开发环境 target 没定义或者

根实例对象data可以是对象也可以是函数“单例”，不会产生数据污染情况 组件实例对象data必须为函数，目的是为了防止多个组件实例对象之间共用一个data，产生数据污染。所以需要通过工厂函数返回全新的 data 作为组件的数据源 fun

1.1 Vue.extend 概念使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。 data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数 var Profile = Vue.extend

1.1 双向绑定的概念vue 中双向绑定靠的是指令 v-model，可以绑定一个动态值到视图上，同时修改视图能改变数据对应的值（能修改的视图就是表单组件） 经常会听到一句话：v-model 是 value + input 的语法糖。 v-m

.1 use 概念安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入,这样插件中就不在需要依赖 Vue

1.1 Vue.mixin 概念mixin 可以用来扩展组件，将公共逻辑进行抽离。在需要该逻辑时进行“混入”，采用策略模式针对不同的属性进行合并。如果混入的数据和本身组件中的数据冲突，会采用“就近原则”以组件的数据为准。 mixin 中有

1.1 Vue2 中的生命周期主要的生命周期有：创建前后, 挂载前后, 更新前后, 销毁前后 beforeCreate 初始化父子关系及事件，数据观测(data observer) 之前被调用。用此方法一般编写插件的时候会用到。 crea

v-once 是 Vue 中内置指令，只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。核心实现原理是利用缓存 <!-- 单个元素 --> <span v-

同时使用 v-if 和 v-for 是不推荐的，因为这样二者的优先级不明显。 在 Vue3 中 v-if 的优先级高于 v-for，这意味着 v-if 的条件将无法访问到 v-for 作用域内定义的变量别名： <!-- 这会