在San中已经提供了 san-for 指令（可以简写为 s-for ）将 Array 渲染为页面中的列表，那么对于 Object 想要进行遍历并渲染应当怎么做呢？由于 San 的指令并不直接支持 Object 的遍历，因此可以使用计算属性进行对象的遍历

使用

  1. class MyComponent extends San.component {
  2.     static computed = {
  3.         list() {
  4.             let myObject = this.data.get('myObject');
  5.             return Object.keys(myObject).map(item => {
  6.                 return {
  7.                     key: item,
  8.                     value: myObject[item]
  9.                 }
  10.             });
  11.         }
  12.     };
  13. }

示例

See the Pen san-traverse-object by liuchaofan (@asd123freedom) on CodePen.