Redux管理机制

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