上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
摘要: 一、Vue2.0 vue 如何实现 响应式原理 注意点: 1、如果data的属性是一个对象,那么就必须在defineReactive方法去调用一下Observer(value) 递归一下。 2、你在后面改这个data的值的时候,你改的值可能也是一个对象,所以你在set方法里面也要对新改的值调用Obs 阅读全文
posted @ 2020-05-13 17:48 Godfi 阅读(524) 评论(1) 推荐(0) 编辑
摘要: redux-saga是一个用于管理redux应用异步操作的中间件,redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理,可以用来替代redux-thunk中间件 工作成员分工: reducer负责处理action的stage更新 sagas负责协调那些复杂或者异步的操作 r 阅读全文
posted @ 2020-01-20 11:38 Godfi 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 路由守卫其实就是我们的路由拦截,当我们有一些页面需要登录之后才有权限去访问的时候,我们的路由守卫就可以派上用场了 React里的路由守卫其实也是一个组件,最后返回的还是Route组件 示例: 使用路由守卫的组件: 守卫组件: 剖析一下上面例子中的点: 在守卫组件中, 为什么要写render={()= 阅读全文
posted @ 2020-01-20 11:35 Godfi 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 嵌套路由写法如下 一级组件 二级路由嵌套在一级组件里进行显示 注意点:嵌套的子路由需要跟随父路由且不设置确切匹配 例子 父路由 /mine 子路由 /mine/xxx 路由重定向,当进入页面的时候都没有命中我们的路由配置的时候就显示重定向的内容 阅读全文
posted @ 2020-01-16 00:50 Godfi 阅读(611) 评论(0) 推荐(1) 编辑
摘要: 用的比较多的两种传参取参方式 声明式导航路由配置时配置路由参数 配置 传递 获取 结构路由器对象里的match出来(match获取参数信息) 编程式导航传递参数与获取 结构路由器对象获取导航对象history(用作命令式导航) 通过事件执行history.push({pathname:"/",sta 阅读全文
posted @ 2020-01-15 00:57 Godfi 阅读(260) 评论(0) 推荐(1) 编辑
摘要: 使用react-router步骤 引入顶层路由组件包裹根组件 引入Link组件编写路由导航 <Link to="/">首页</Link> path 配置路径 component配置路径所对应的组件 exact 完全匹配,只有路径完全一致时才匹配。因为react是包含式匹配,可以匹配多个路由,我们可以 阅读全文
posted @ 2020-01-15 00:56 Godfi 阅读(252) 评论(0) 推荐(1) 编辑
摘要: 安装react-router npm install react-router-dom --save 特点 秉承react一切皆组件的思想,路由也是个组件 分布式的配置,分布在你页面的每个角落 包含式配置,可匹配多个路由 使用react-router步骤 引入顶层路由组件包裹根组件 引入Link组件 阅读全文
posted @ 2020-01-13 23:31 Godfi 阅读(277) 评论(0) 推荐(1) 编辑
摘要: 第一步新建一个count.redux.js存放我们的reducer和action进行统一管理 count.redux.js 在需要使用的组件里面 在index.js里面 删除store文件,已经不需要了。 阅读全文
posted @ 2020-01-12 22:49 Godfi 阅读(219) 评论(0) 推荐(1) 编辑
摘要: 由于redux reducer默认只支持同步,实现异步任务或者延时任务时,我们就要借助中间件的支持了 没使用中间件时的redux数据流 使用了中间件middleware之后的redux数据流 两个中间件: redux-thunk 支持我们reducer在异步操作结束后自动执行 安装 redux-th 阅读全文
posted @ 2020-01-12 22:47 Godfi 阅读(170) 评论(0) 推荐(1) 编辑
摘要: connect高阶组件用装饰器会使我们的代码看起来更简洁易懂 使用装饰器进行我们的代码优化 FirstRedux.js 阅读全文
posted @ 2020-01-11 22:46 Godfi 阅读(193) 评论(0) 推荐(1) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 10 下一页