marine 是一个极简的Flux的实现，简化了Action和Store的定义，优化了调用不同Action的方法以及Store监听事件的流程。
// 引入 Action, Store
import { Action } from 'marine';
// 定义名为Demo的Action
Action.def('Demo');我们可以在任意页面通过Store.on来监听来自Action的消息
// 引入 Action, Store
import { Store } from 'marine';
// 监听Demo Action的hello频道
Store.on('Demo.hello', StoreDate =>{
console.log(StoreDate.data)
});定义了Action之后，可以在任意文件中通过 Action[ActionName].emit 方法发送消息
// 引入 Action, Store
import { Action } from 'marine';
// 分发消息
Action.Demo.emit('hello', 'Hello Marine');
// 消息分发之后，所有监听了对于频道的回调都会被调用
// 这里触发之后第二步的 console.log(StoreDate.data) 就会被触发。除了上述的快速示例外，我们也可以通过常规的Action.def的方法指定Action方法，并通过Action[ActionName][fnName]去调用
// 引入 Action, Store
import { Action, Store } from 'marine';
/**
* 每个Action有一个名字，以及多个方法
* Action可以通过Action.def定义
*
* 下例中Action的名字是‘Demo’，它有一个test的方法，调用的时候，可以用通过 Action.Demo.test() 调用。
*/
Action.def('Demo', {
// 在快速示例中，我们没有定义Demo的方法
// 这里我们通过Action方法来定义hello方法
'hello': (action, name) => {
// Action 方法的第一个参数是action对象，后续的参数为用户传递进来的参数
action.emit({
channel: 'homechannel',
data: name || 'Mofei'
});
// 这里我们也可以简单的写成 action.emit('homechannel', name)
// 在快速示例中，我们是通过 Action.Demo 获取到了 action 对象，然后通过emit方法传递消息, 如下：
// Action.Demo.emit('hello', 'Hello Marine');
// 其实这句话也等同于 Action.Demo.hello('Hello Marine')，
// 其中的 Action.Demo.hello 方法就是我们现在定义的这个hello方法。
// 虽然这种写法没有快速示例简单，但是带给我们的是可以在同一个地方定义所有的Action方法，方便管理
}
});// a.js
// 引入 Action, Store
import { Action, Store } from 'marine';
/**
* 想要监听一个事件可以通过Store.on来监听
* on接受2个参数，第一个参数是你要监听的频道，有下面的3中情况
* 1. 监听某个Action下的某个频道，比如'Demo.homechannel'，会监听到来自Action Demo的homechannel频道的事件
* 2. 监听某个Action下所有的频道，比如'Demo'，这样会监听到Demo下的所有的频道的事件
* 3. 监听所有Action下所有的频道，省略第一个参数，就会监听到所有Demo下所有的频道的事件
**/
// 监听test事件
Store.on('Demo.homechannel', (data) => {
// 当执行Action.Demo.homechannel()时，此处就能接收到
console.log(data);
});
// 监听Demo下所有的频道事件
Store.on('Demo', (data) => {
// 当执行Action.Demo下的任何一个频道时，此处就能接收到
console.log(data);
});
// 监听所有的Action的所有频道
Store.on((data) => {
// 当执行任何一个Action下的任何一个频道时，此处就能接收到
console.log(data);
});// b.js
// 引入 Action, Store
import { Action, Store } from 'marine';
/**
* 想要调用某个Action的方法，在定了相关的Action之后，可以直接通过Action.[ActionName].[ActionFunction] 调用
**/
// 触发test事件，此时a.js中的3个监听均能同时受到消息。
Action.Demo.test('I am Marine');
// 在快速示例中我们使用的是
// Action.Demo.emit('hello', 'I am Marine')
// 省略了action方法hello的定义，但是相对来说增加了action的管理成本。该方法用以定义Action，是快速定义Action的语法糖。
ActionName为当前创建的Action的名称，声明完成之后就可以通过 Action[ActionName] 来获取到对应的Action了。
例如我们声明一个名为 Mofei 的 Action，(其中的ActionFunctions我们随后就会介绍):
import { Action } from 'marine';
Action.def('Mofei', ActionFunctions)定义之后，就可以在任意的页面中通过引入Action，然后调用Action.Mofei获取到这个Action对象了,例如：
import { Action } from 'marine';
// 此时Action.Mofei就是我们刚刚通过def定义的Action了。
console.log(Action.Mofei);接下来介绍一下ActionFunctions，ActionFunctions为JSON类型的键值对，其中key为当前Action实例的方法名称，value为Function对应的具体的Action方法。在Action实例方法中，第一个参数就是我们当前的Action实例对象，例如
例如在刚刚名为 Mofei 的 Action，我们想添加2个方法 coding和sleep:
import { Action } from 'marine';
// 定义Mofei实例，后续可以通过 Action.Mofei获取该实例
Action.def('Mofei', {
// 定义实例方法，后续可以通过 Action.Mofei.coding('javascript')调用该方法
// 实例方法的第一个参会自动传入当前的Action实例，该处就是Action.Mofei，
// 第二个参数开始为用户自定义传入的参数，
// 比如这里的第二个参数language就是Action.Mofei.coding('javascript')中的`javascirpt`
coding: (action, language)=>{
// 实例方法中我们可以�直接通过Aciton的任何方法
// 这里我们调用了action的emit方法
action.emit({
channel: 'coding',
data: `I am coding with ${language}`
})
},
sleep: (action,place)=>{
action.emit({
channel: 'coding',
data: `I am sleeping at ${place}`
})
}
})声明完成之后我们就可以通过Action.Mofei调用对应的方法了，如：
// 引入Action
import { Action } from 'marine';
Action.Mofei.coding('javascript');
Action.Mofei.sleep('home');上述实例中我们通过Action.def快速定义了Action实例，如果不同通过Action.def定义的话，我们的写法应该如下：
let mofeiAction = new Action('Mofei');
let conding(language) => {
mofeiAction.emit({
channel: 'coding',
data: `I am sleeping at ${place}`
})
}
let sleep(palce) => {
mofeiAction.emit({
channel: 'coding',
data: `I am sleeping at ${place}`
})
}
export {coding, sleep};调用的时候我们需要引入coding 或者 sleep
import {coding, sleep} from 'path';
coding('javascript')
sleep('home')相对比较起来通过def定义的实例方法会自动挂在到Action的全局变量上，你不需要在各个页面中引入具体的方法，只需引入Marine的Action，然后通过 Action[ActionName][functionName] 就可以调用，可以提高不少开发效率。而传统的new Action的方法，你则需要将这些类方法export出去，然后在需要用的地方import进来该方法，可能会稍许麻烦些。
action.emit 用于分发消息，所有监听被分发的频道的事件均能收到分发的消息。
| Param | Type | Explain |
|---|---|---|
| emitParam.channel | [String] | 分发的channel的名称 |
| emitParam.data | [Object] | 分发的data数据 |
| emitParam.stores | [Array] | 分发到其他的Store监听上，通常只有同名的Store监听能收到消息，指定stores之后可以将消息分发到其他的Store上，如下面例子中的Robin |
用法如下
Action.def('Mofei', {
coding: (action, language)=>{
// emit 方法
action.emit({
channel: 'coding',
data: `I am coding with ${language}`,
stores: ['Mofei', 'Robin']
})
}
});
// 触发
Action.Mofei.coding('javascript');
// 此时监听了coding频道的所有对象都能获得消息
// Store.on('Mofei.coding', (data)=>{
// console.log(data)
//})
// 由于上面制定了stores:['Mofei', 'Robin']所以Robin的监听也能收到消息
// Store.on('Robin.coding', (data)=>{
// console.log(data)
//})or
let Mofei = new Action('Mofei');
Mofei.emit({
channel: 'coding',
data: `I am coding with javascirpt`
})语法糖
你也可以使用action.echo(channel, data, options)来快速调用echo方法
action.emit({
channel: 'coding',
data: `I am coding with ${language}`,
stores: ['Mofei', 'Robin']
})等同于
action.emit('coding', `I am coding with ${language}`, {
stores: ['Mofei', 'Robin']
})