核心思路

  1. 通过props接受machine
  2. 遍历 machine中 的 __nodes， 即处理后的frames
  3. 传入的内容 有 machine state状态 所有的图层 
  1. <block
  2.   :machine="machine"
  3.   :state="LOADING"
  4.   :layerVos="item.stateMapVos"
  5. ></block>
  7.     stateMaps: {
  8.       LOADING: {
  9.         view: LayerLoad,
  10.         data: {
  11.           message: "layer loading",
  12.           list: async (ctx: any) => {
  13.             return await ctx.model("feed").get("list");
  14.           },
  15.         },
  16.         path: "0/root/LOADING"
  17.       },
  18.       READY: {
  19.         view: LayerOne,
  20.         data: {
  21.           message: "layer one",
  22.         },
  23.         path: "0/root/READY"
  24.       }
  25.     }
  30. <block
  31.   :machine="machine"
  32.   :state="DEFAULT"
  33.   :layerVos="item.stateMapVos"
  34. ></block>
  37. stateMapVos: {
  38.       READY: {
  39.         view: LayerTwo,
  40.         data: {
  41.           message: "layer two",
  42.         },
  43.         path: "1/foot/READY"
  44.       }
  45.     }

注意：引入Default没有对应的layer，所以页面一刷新的时候，只会渲染一个loading效果