2024年，vue3，【设计思想解读开源框架

• Vue.js 2.x 中，如果有一个组件传入了slot，那么每次父组件更新的时候，会强制使子组件update，造成性能的浪费。

• Vue.js 3.0 优化了slot的生成，使得非动态slot中属性的更新只会触发子组件的更新。

动态slot指的是在slot上面使用v-if，v-for，动态slot名字等会导致slot产生运行时动态变化但是又无法被子组件track的操作。

c. diff算法优化（此知识点进大厂可能会问到，由于篇幅较长，大家可以去官网看下）

3.  Vue3.0新特性 —— Composition API 与 React.js 中 Hooks的异同点**（难点问题）**

a. React.js 中的 Hooks 基本使用

• React Hooks 允许你 “勾入” 诸如组件状态和副作用处理等 React 功能中。Hooks 只能用在函数组件中，并允许我们在不需要创建类的情况下将状态、副作用处理和更多东西带入组件中。

• React 核心团队奉上的采纳策略是不反对类组件，所以你可以升级 React 版本、在新组件中开始尝试 Hooks，并保持既有组件不做任何更改。

• 案例：

import React, { useState, useEffect } from “react”;

const NoteForm = ({ onNoteSent }) => {

const [currentNote, setCurrentNote] = useState(“”