博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Redux管理机制
阅读量:4499 次
发布时间:2019-06-08

本文共 679 字,大约阅读时间需要 2 分钟。

Redux管理机制

  1. redux是一个独立专门用于做状态管理的Js库,不是react插件。

  2. 作用:集中式管理react应用中多个组件共享的状态和从后台获取的数据。

2.Redux 使用扩展

  1. 使用react-redux简化redux的编码

  2. 使用redux-thunk实现redux的异步编码

  3. 使用Redux DevTools实现chrome中redux的调试

 

3.Vue组件间通信方式

- 通信种类

  1. 父组件向子组件通信

  2. 子组件向父组件通信

  3. 隔代通信

  4. 兄弟组件通信

 

- 实现通信方式

  1. props

  2. vue自定义事件

  3. 消息订阅与发布

  4. vuex

  5. slot

- 方式1:props

  1. 通过一般属性实现父向子通信

  2. 通过函数属性实现子向父通信

  3. 缺点:隔代组件和兄弟组件比较麻烦

方式2:vue自定义事件

  1. vue内置实现:可以代替函数类型的props

    绑定监听:<MyComp @eventName="callback">

    触发(分发)事件:this.$emit("eventName",data)

  2. 缺点:只适合于子向父通信

方式3: 消息订阅与发布

  1. 需要引入实现库,如:pubsub-js

订阅消息:PubSub.subscribe('msg',function(msg,data){})

发布消息:PubSub.publish('msg',data)

优点:适用于任意关系组件间通信;

vuex

对组件间关系没有限制,推荐使用。

slot

专门 用来实现父向子传递带数据的标签;

 

 

 

 

 

 

转载于:https://www.cnblogs.com/dys6/p/11320982.html

你可能感兴趣的文章
vue 在发送axios请求时数据渲染问题
查看>>
动态链接库dll
查看>>
2018 Multi-University Training Contest 3 - HDU Contest
查看>>
组合数取模(转载)
查看>>
9.2NOIP模拟题
查看>>
整合SpringDataJpa
查看>>
vue过渡
查看>>
tcpreplay 博客目录
查看>>
oracle11g忘记sys密码
查看>>
文件各种上传,离不开的表单
查看>>
mysql查询插入优化
查看>>
hadoop备战:yarn框架的搭建(mapreduce2)
查看>>
微信公众号开发模式开启总结
查看>>
pygame-KidsCanCode系列jumpy-part2-加速度与摩擦力
查看>>
[elk]logstash的grok匹配逻辑grok+date+mutate
查看>>
准备Android面试
查看>>
界面与后台逻辑完全分离,单例模式,接口
查看>>
redis安装及测试
查看>>
38-系统标准模块与第三方模块(1)
查看>>
[转]Android U 盘功能实现和分析
查看>>