flux的理解与使用

一,flux的作用:

 flux是用来管理各个组件公共状态,相当于vue中vuex,和redux功能相似。

二,使用

1,安装

npm install flux

2,创建一个store,用来管理公共状态

 3,在页面中获取数据

 4,通过flux中dispatcher修改数据

        4-1 从flux张引入dispatcher并实例化

         4-2,通过dispatcher中的dispatch方法传递数据

    4-3.通过dispatcher中register方法接收传递并通过switch进行判断type,然后进行业务逻辑操作

 

 此时你会发现点击增加按钮控制台能打印最新的数据,页面数据却没更新,这时我们就需要使用setState

5、 那么问题来了,我们应该怎样触发这个函数方法呢,此时我们就需要使用nodejs中event模块的事件订阅来完成

 5-1,引入nodejs中events模块

 5-2实现事件绑定

6,然后在我们点击按钮的时候通过emit触发这个绑定的事件,从而实现页面数据的更新

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值