master

分支 (2)

管理

管理

master

dev

classes-and-objects
/
12.观察tokens.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./js/mustache.js"></script>
  <script>
    // 循环数据
    let data = {
      data: [
        { id: 1, name: 'zs', age: 18 },
        { id: 2, name: 'ls', age: 19 },
        { id: 3, name: 'ww', age: 20 },
      ]
    }
    let templateStr = `
      <ul>
        {{#data}}
          <li>
            <p>姓名: {{name}}</p>
            <p>年龄: {{age}}</p>
          </li>
        {{/data}}
      </ul>
    `

    let str = Mustache.render(templateStr, data)
    // console.log(str);

  </script>
</body>
</html>