一如彷徨

项目配置文件 在项目的根目录下，新建一个 jsconfig.json 文件，用于指定 JavaScript 项目设置的配置文件 帮助编辑器理解项目的结构、代码和依赖关系， 提供有关代码提示、自动完成和

初始化项目 使用 pnpm + vite + vue3 创建工程 在 cmd 命令行中输入 pnpm create vite 工程名 选择 vue 选项 使用语言根据个人选择 按下回车后，工程创建完毕

插槽意义和实现 意义： 让组件具备更强的通用性，组件内容不限制是某种元素，而是由使用组件的人来决定渲染的内容 实现： Vue 通过 <slot> 标签完成，而 React 有以下两种方案实现 chil

父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 子组件通过 props 参数获取父组件传递过来的数据，会自动保存到 this.props 中 使用 propTypes 对传入的数

生命周期概念 生命周期的概念： 事物从创建到销毁的过程，React 生命周期是抽象的概念，是描述组件从被渲染到被销毁的整个过程 装载阶段(Mount)： 组件首次在 DOM 树中被渲染的过程 更新过程

项目创建 全局安装 React 脚手架 查看 React 脚手架版本 使用脚手架创建 React 项目，项目名称不可包含大写字母 进入对应的目录并运行 项目结构分析 项目各个文件的作用 重新搭建项目

组件化概念 如果将页面中所有的处理逻辑全放一起，维护起来就会变得复杂，而且不利于后续的管理以及扩展 如果将一个页面拆分成一个个小功能块，每个功能块完成独立的功能，那么页面管理和维护就变得容易了 组件化

JSX简介 右侧赋值的标签并不是字符串，而是一段 JSX 的语法 JSX 是一种 JavaScript 的语法扩展，也称之为 JavaScript XML，因为看起来就是一段 XML 语法 JSX 用

React简介 概念： React 是将数据渲染为 HTML 视图的 JavaScript 库，用于构建用户界面，由组件组成，拥有自己的逻辑和外观 (官方简介：用于构建 Web 和原生交互界面的库)