• Redux


    Redux

    什么是redux?

       *  redux是js的状态容器,是状态管理机,适合Vue,React,angular。在React中使用率比较高

    下载   

         *  npm i redux --save

    引入(通常引入createStore来创建store对象)

         *  import  {createStore}  from  'redex 

    核心

       *  store (对象)

          *  store是一个对象,用来保存数据(state)和状态管理 

          *  通过调用createStore函数创建store对象

             *  createStore是redux中对外暴露的函数

       *  action (对象)

          *  action是改变state的唯一途径

          *  所有state的改变都是用户通过视图层(view)提交给action

          *  action有两个属性,分别是type和payload

             *  type(必须):要提交的事件名

             *  payload(载荷):伴随函数传过来的参数   

         *  因为action的属性值是固定的,所以我们通常通过工厂模式创建一个函数,每次提交action时,只需要调用这个函数即可,不需要每次都传递一个对象过去

       *  reducer (函数)

          *  reducer是一个函数,是createStore函数的一个参数,且是必须的,主要用来生成(返回)新的state

         *  reducer接收两个参数,一个是state(数据),一个是action

    流程

       *  view(视图层)  

           *  在视图层,一般会通过事件触发store.dispatch()将action提交到store中

      *  store 

         *  通过createStore函数创建store对象

         *  createStore函数中的第一个参数reducer(函数)会接收提交过来的action,并返回新的state

      *  index.js中

         *  store.subscribe()监听state的状态,一旦state改变就会调用,它的参数是一个函数

         *  将渲染页面的函数放到store.subscribe()函数中调用

    示意图

       

  • 相关阅读:
    nginx的tcp/udp代理
    centos7的systemd服务详解
    centos7下ssh服务登陆认证详解
    laravel实现敏感词汇过滤
    laravel使用阿里云短信发送消息
    laravel中使用极光推送消息
    gitlab与jenkins结合构建持续集成
    gitlab的安装配置与简单使用
    centos7之firewalld防火墙的配置与使用
    使用码云,GitHub进行版本控制,并通过WebHook进行自动部署
  • 原文地址:https://www.cnblogs.com/babyzhuzhu/p/11593968.html
Copyright © 2020-2023  润新知