数据驱动视图
状态： 数据结构设计（React-state, Vue-data）
视图： 组件结构和拆分
state 数据结构设计
状态设计思路 和 要点：
用数据描述所有的内容；
数据要结构化，易于程序操作（遍历、查找）（这就是我经常说的，要想什么样的数据结构能表达这个数据）
数据要可扩展，以便增加新的功能（开放原则）
组件设计的思路和要点
从功能上拆分；
尽量让组件原子化（单一原则）；
容器组件（只管数据）& UI 组件（只显示视图） （状态提升）
数据驱动视图
状态： 数据结构设计（React-state, Vue-data）
视图： 组件结构和拆分
state 数据结构设计
状态设计思路 和 要点：
用数据描述所有的内容；
数据要结构化，易于程序操作（遍历、查找）（这就是我经常说的，要想什么样的数据结构能表达这个数据）
数据要可扩展，以便增加新的功能（开放原则）
组件设计的思路和要点
从功能上拆分；
尽量让组件原子化（单一原则）；
容器组件（只管数据）& UI 组件（只显示视图） （状态提升）
本文标题：数据驱动视图
本文链接：https://www.haomeiwen.com/subject/wcepzktx.html
网友评论