获得徽章 8
React 组件使用 props 来互相通信。每个父组件都可以提供 props 给它的子组件，从而将一些信息传递给它。Props 可能会让你想起 HTML 属性，但你可以通过它们传递任何 JavaScript 值，包括对象、数组和函数。
条件渲染
在 React 中，没有特殊的语法来编写条件。因此，你将使用与编写常规 JavaScript 代码时相同的技术。例如，你可以使用 if 语句根据条件引入 JSX：
let content;
if (isLoggedIn) {
content = <AdminPanel />;
} else {
content = <LoginForm />;
}
return (
<div>
{content}
</div>
);
React 是一个用于构建用户界面的 JavaScript 库，它是一个更底层的工具库，专注于做 MVC 中的 V。React 在 UI 里最火的也是最好的库，具体来说是做 UI 组件的库。
通常，你会希望你的组件 “记住” 一些信息并展示出来。例如，也许你想计算一个按钮被点击的次数。要做到这一点，你需要在你的组件中添加 state。
首先，从 React 引入 useState：
import { useState } from 'react';
现在你可以在你的组件中声明一个 state 变量：
function MyButton() {
const [count, setCount] = useState(0);
// ...
你将从 useState 中获得两样东西：当前的 state（count），以及用于更新它的函数（setCount）。你可以给它们起任何名字，但按照惯例，需要像这样 [something, setSomething] 为它们命名。
1声明式设计 −React采用声明范式，可以轻松描述应用。
2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
Vue有一个完整的生命周期，也就是从开始创建，初始化创建，编译模板，挂载Dom，渲染–>更新–>渲染，销毁等一系列过程，我们称之为Vue的生命周期。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码
React是一个用于构建用户界面的JavaScript库。它可以帮助你快速、高效地构建用户界面。React使用虚拟DOM来操作DOM，遵循数据从高阶组件到低阶组件单向流动的原则。
AST 可以用来解析、转换和生成代码。它可以将代码字符串解析成抽象语法树，对抽象语法树进行转换操作，然后根据变换后的抽象语法树再生成代码字符串
Vue3 新增了两个开发环境用于调试的钩子 onRenderTracked 和 onRenderTriggered Vue3 用 Proxy 代替 Object.defineProperty 重构了响应式系统，可以监听到数组下标变化，及对象新增属性 1
• Vue3 支持在 script setup 里直接使用 await ，不需要用 async 就可以直接使用 await ，因为这样默认会把组件的 setup 变为 async setup 1
函数式编程是一种通过组合一组函数来编写程序的风格。它在JavaScript中越来越流行，因为它能够帮助程序员编写更整洁、可靠的代码。例如，像lodash-fp、ramdajs这样的库，可以让你用函数式风格开始编写程序
