何为数据驱动视图

0 阅读1分钟

首先来明确一下概念

ui = f(state) 视图的展示,完全由数据决定,数据的变化都会反映到视图上,只关注对数据的操作,而不是具体dom

基本原理

  1. 单一数据源--应用所有状态,集中到Store 中
  2. 单向数据流--视图的变化由 action 驱动,最终到视图层
  3. 数据不可变化-为了数据可预测?? ,感觉是为了数据

具体案例

  1. react-redux
  2. 由dispatch 发送 action 具体操作动作,reducer 接受并作出变化,返回一个全新的数据。最终视图监听到这个数据的变化,从而引发 View 层的变化