zoukankan      html  css  js  c++  java
  • mobx 知识点

    mobx的 等价于 vuex的
    @computed 等价于 computed
    x 等价于 watch
    • mobx 和 vuex 使用store的区别:
    区别项 mobx vuex
    访问state、action @inject('xxxStore')后,使用this.props.xxxStore访问属性、action 组件里通过mapState访问state、mapActions访问action
    谁能更改state? 配置某参数(?)后,可以强制只有action能更改state vuex规定,只有mutations能更改state
    • mobx 的Provider引入store,组件可以访问store,是利用react的context原理。

    • 和Redux不同的是,Mobx在异步处理上并不复杂,不需要引入额外的类似redux-thunk、redux-saga这样的库。

    • 在严格模式下,修改state的函数如果没有包裹在actions内,Mobx就不会执行state的修改操作。
      严格模式下,只有标记了@action的函数或在runInAction中的代码,才能修改state。

    configure({ enforceActions: "strict" });
    
    • mobx 与 redux 的区别:
      Redux 使用单一 store;Mobx 使用多个分散的 store。
      Redux 状态数据采用不可变数据结构,状态修改必须在 reducer 中;Mobx 状态数据可以随处更改,仅在严格模式时强制在 action 中修改。
      Redux 中脚手架代码更多,明确提出操作处理过程中的相关步骤;Mobx 脚手架代码很少,不关注项目代码的组织方式。
      Redux 手动 dispatch(action);Mobx自动触发相关依赖的更新通知。
      Redux 在 mapStateToProps 中订阅当前组件关注的应用状态;Mobx 根据当前组件中对应用状态的使用,自动收集依赖关系。
      Redux 中应用状态为普通对象;Mobx 应用状态为可观察对象。
  • 相关阅读:
    LVM 扩容硬盘笔记
    jupyter notebook 远程访问
    samba 配置文件详解
    linux 网络挂载 windows 共享文件夹
    cmder 与 win10 wsl ( 当前目录打开wsl)
    vscode for latex
    Python 使用代理
    Python Signal(信号) 异步系统事件
    centos7 install magento
    lua笔记
  • 原文地址:https://www.cnblogs.com/cag2050/p/9034186.html
Copyright © 2011-2022 走看看