摘要： 1. ref和reactive ref创建：基本类型的响应式数据 作用：定义响应式变量语法：let xxx = ref(初始值)返回值：一个RefImpl的实例对象，简称ref对象或ref,ref对象的value属性是响应式的注意点： JS中操作数据需要xxx.value,但模板中不需要.value 阅读全文

摘要： 1. OptionsAPI与CompositionAPI Vue2的API设计是Options(配置)风格的Vue3的API设计是Composition(组合)风格的 Options API的弊端： Options类型的API，数据、方法、计算属性等，是分散在：data、methods、comput 阅读全文

摘要： var code = "1eb2e489-da58-4ba7-a381-f06cdebe7f2d" 1. Vue3简介 性能的提升 打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54% 源码的升级 使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree 阅读全文

摘要： 1. setState更新状态的2种写法 对象式的setState:setState(setChange, [callback]) setChange为状态改变对象（该对象可以体现出状态的更改）callback是可选的回调函数，它的状态更新完毕，界面也更新后（render调用后才被调用） 函数式的s 阅读全文

摘要： 笔记gitee地址 学习了 redux,为什么还要讲react-redux呢？ redux不是专门为react所创建的,只不过在某一刻，react和redux看对眼了，所以俩人走到了一起，所以为了更好的支持redux,react官方出了react-redux来更好的支持redux 1. react- 阅读全文

摘要： 笔记gitee地址 一、redux是什么 redux是一个专门用于做状态管理的js库（不是react插件库）它可以用在react、angular、vue的项目中，但基本与react配合使用作用：集中式管理react应用中多个组件共享的状态 二、什么情况下需要使用redux 某个组件的状态，需要让其他 阅读全文

摘要： 路由 一、版本5路由 1. react-router-dom 2. 路由的使用 1. 基础使用 安装：yarn add react-router-dom@5明确好界面中的导航区、展示区导航区Link标签包裹 <Link to="/home">Home</Link>展示区写在Route标签进行匹配 < 阅读全文

摘要： 一、使用脚手架create-react-app创建项目 react脚手架 xxx脚手架：用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServe…）下载好了所有相关的依赖可以直接运行一个简单的效果 react提供了一个用于创建react项目的脚手 阅读全文

摘要： 1. 生命周期 1. 声命周期的三个阶段（旧） 初始化阶段：由ReactDOM.render()触发—初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() ==> 常用 一般在这个钩子中做一些 阅读全文

摘要： 1. 收集表单数据 包含表单的组件分类 受控组件——页面中所有输入类的DOM,随着输入，把值存维护在状态里，需要用的时候去状态里取值（推荐，避免了过渡使用ref）非受控组件——页面中所有输入类的DOM，现用现取 受控组件示例： 非受控组件示例： 2. 高阶函数 高阶函数：如果一个函数符合下面2个规范 阅读全文