摘要: 1. ref和reactive ref创建:基本类型的响应式数据 作用:定义响应式变量语法:let xxx = ref(初始值)返回值:一个RefImpl的实例对象,简称ref对象或ref,ref对象的value属性是响应式的注意点: JS中操作数据需要xxx.value,但模板中不需要.value 阅读全文
posted @ 2024-01-03 08:21 化作繁星 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 1. OptionsAPI与CompositionAPI Vue2的API设计是Options(配置)风格的Vue3的API设计是Composition(组合)风格的 Options API的弊端: Options类型的API,数据、方法、计算属性等,是分散在:data、methods、comput 阅读全文
posted @ 2024-01-02 08:29 化作繁星 阅读(79) 评论(0) 推荐(0) 编辑
摘要: var code = "1eb2e489-da58-4ba7-a381-f06cdebe7f2d" 1. Vue3简介 性能的提升 打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54% 源码的升级 使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree 阅读全文
posted @ 2023-12-31 22:48 化作繁星 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1. setState更新状态的2种写法 对象式的setState:setState(setChange, [callback]) setChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数,它的状态更新完毕,界面也更新后(render调用后才被调用) 函数式的s 阅读全文
posted @ 2023-12-30 22:52 化作繁星 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 笔记gitee地址 学习了 redux,为什么还要讲react-redux呢? redux不是专门为react所创建的,只不过在某一刻,react和redux看对眼了,所以俩人走到了一起,所以为了更好的支持redux,react官方出了react-redux来更好的支持redux 1. react- 阅读全文
posted @ 2023-12-28 14:17 化作繁星 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 笔记gitee地址 一、redux是什么 redux是一个专门用于做状态管理的js库(不是react插件库)它可以用在react、angular、vue的项目中,但基本与react配合使用作用:集中式管理react应用中多个组件共享的状态 二、什么情况下需要使用redux 某个组件的状态,需要让其他 阅读全文
posted @ 2023-12-27 09:53 化作繁星 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 路由 一、版本5路由 1. react-router-dom 2. 路由的使用 1. 基础使用 安装:yarn add react-router-dom@5明确好界面中的导航区、展示区导航区Link标签包裹 <Link to="/home">Home</Link>展示区写在Route标签进行匹配 < 阅读全文
posted @ 2023-12-25 09:50 化作繁星 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 一、使用脚手架create-react-app创建项目 react脚手架 xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServe…)下载好了所有相关的依赖可以直接运行一个简单的效果 react提供了一个用于创建react项目的脚手 阅读全文
posted @ 2023-12-23 10:03 化作繁星 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 1. 生命周期 1. 声命周期的三个阶段(旧) 初始化阶段:由ReactDOM.render()触发—初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() ==> 常用 一般在这个钩子中做一些 阅读全文
posted @ 2023-12-22 11:26 化作繁星 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 1. 收集表单数据 包含表单的组件分类 受控组件——页面中所有输入类的DOM,随着输入,把值存维护在状态里,需要用的时候去状态里取值(推荐,避免了过渡使用ref)非受控组件——页面中所有输入类的DOM,现用现取 受控组件示例: 非受控组件示例: 2. 高阶函数 高阶函数:如果一个函数符合下面2个规范 阅读全文
posted @ 2023-12-21 08:39 化作繁星 阅读(16) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示