Store 提供了一个清晰的接口，通过单向数据流对全局对象进行存储、修改和检索。Store 中包含对共享模式的支持，如异步数据获取、中间件和撤销。Store 及其模式允许部件聚焦于它们的主要角色，即对信息的可视化展示和监听用户交互。
store 对象
store 对象存储整个应用程序全局的、原子的状态。应该在创建应用程序时创建 store 对象，并使用一个注入器将其定义到 Registry 中。
main.ts
import { registerStoreInjector } from '@dojo/framework/stores/StoreInjector';
import Store from '@dojo/framework/stores/Store';
import { State } from './interfaces';
const store = new Store();
const registry = registerStoreInjector(store);
State 使用接口定义全局存储的结构。State 中的所有内容都应是可序列化的，即能转换为 JSON 或从 JSON 转换回来，这样的话， Dojo 的虚拟 DOM 系统更容易确定何时更改了数据，从而提高性能。
要修改 store 中的值，则在执行 process 时，会调用一个 command 函数。command 函数返回要应用到 store 上的一系列 operation。每个 command 都要传入一个 CommandRequest 参数，它提供了 path 和 at 函数，会以类型安全的方式生成 Path，也提供了 get 函数来访问 store 中的状态，以及提供 payload 对象来为被调用的 process 执行器传入参数。
Command 工厂
Store 中有一个简单的封装函数，用于创建 command，是一个类型安全的工厂函数。
创建 store 工厂：
import { createCommandFactory } from '@dojo/framework/stores/process';
import { State } from './interfaces';
const createCommand = createCommandFactory();
const myCommand = createCommand(({ at, get, path, payload, state }) => {
return [];
});
有两个状态容器可用于部件：StoreContainer 和 StoreProvider。这些容器将应用程序的 store 与部件关联起来。当使用函数部件时，也可以创建类型化的 store 中间件。
注意，本节旨在介绍部件和状态（通过 store 提供的）是如何关联起来的。有关部件状态管理的更多信息，请参阅创建部件参考指南。
Store 中间件
当使用基于函数的部件时，createStoreModdleware 帮助函数用于创建类型化的 store 中间件，让部件能访问 store。
middleware/store.ts
import createStoreMiddleware from '@dojo/framework/core/middleware/store';
import { State } from '../interfaces';
export default createStoreMiddleware();
widgets/User.tsx
import { create } from '@dojo/framework/core/vdom';
import store from '../middleware/store';
import { State } from '../../interfaces';
const factory = create({ store }).properties();
export const User = factory(function User({ middleware: { store } }) {
const { get, path } = store;
const name = get(path('users', 'current', 'name'));
return
{`Hello, ${name}`}
;
});
此中间件包含一个 executor 方法，用于在 store 上运行 process。
import { create } from '@dojo/framework/core/vdom';
import store from '../middleware/store';
import logout from '../processes/logout';
import { State } from '../../interfaces';
const factory = create({ store }).properties();
export const User = factory(function User({ middleware: { store } }) {
const { get, path } = store;
const name = get(path('users', 'current', 'name'));
const onLogOut = () => {
store.executor(logout)({});
};
return (
{`Hello, ${name}`}
);
});
StoreProvider
StoreProvider 是一个 Dojo 部件，它拥有 renderer，并与 store 关联。它总是封装在另一个部件内，因为它无法定义自己的属性。
widget/User.ts
import { create } from '@dojo/framework/core/vdom';
import { State } from '../../interfaces';
const factory = create().properties();
export const User = factory(function User() {
return (
[path('users', 'current')]}
renderer={(store) => {
const { get, path } = store;
const name = get(path('users', 'current', 'name'));
return
{`Hello, ${name}`}
;
}}
/>
);
});
StoreProvider 是 User 渲染内容的一部分，并且跟其它 Dojo 部件一样，提供了自己的 renderer。
Container
Container 是一个部件，它完全封装另一个部件。它使用 getProperties 函数将 store 关联到部件上。
