Javascript 如何在rivets.js中打印数组

我有数据

 data = [{
     "task": "get milk",
     "who": "Scott",
     "done": false
 }, {
     "task": "get broccoli",
     "who": "Elisabeth",
     "done": false
 }, {
     "task": "get
 garlic",
     "who": "Trish",
     "done": false
 }, {
     "task": "get
 eggs",
     "who": "Josh",
     "done": true
 }];



 <ul>
    <li data-each-[]="">
    </li>
 <ul>

数据=[{
“任务”：“获取牛奶”，
“谁”：“斯科特”，
“完成”：错误
}, {
“任务”：“获取花椰菜”，
“谁”：“伊丽莎白”，
“完成”：错误
}, {
“任务”：“获取
大蒜“，
“谁”：“崔西”，
“完成”：错误
}, {
“任务”：“获取
鸡蛋“，
“谁”：“乔希”，
“完成”：正确
}];

---

我如何使用

在rivets.js中打印这些数据，我认为下面的示例对您有所帮助

<ul id="playersList">
  <li rv-each-player="players">
    <dl>
        <dt>Name:</dt><dd>{ player.name }</dd>
        <dt>Surname:</dt><dd>{ player.surname }</dd>
        <dt>Shirt Number:</dt><dd>{ player.number }</dd>
        <!-- This element will be rendered only if this property will be set -->
        <dd rv-if="player.captain"><b> Captain! </b></dd>
    </dl>
  </li>
</ul>

此链接还可以帮助您： 快捷方式：

<ul>
  <li rv-each-data="item">
    <dl>
        <dt>Task:</dt><dd>{ item.task }</dd>
        <dt>Who:</dt><dd>{ item.who}</dd>
        <dt>Done:</dt><dd>{ item.done}</dd>
    </dl>
  </li>
</ul>

任务：{item.Task}
谁：{item.Who}
完成：{item.Done}

根据我认为它是

rv each item=“data”

但是如果数组没有像

var books=[{title:'book1'}，{title:'book2'}，{title:'book3'}]这样的名称该怎么办

但是我们想像铆钉一样绑定（$el，books）

<ul>
  <li rv-each-data="item">
    <dl>
        <dt>Task:</dt><dd>{ item.task }</dd>
        <dt>Who:</dt><dd>{ item.who}</dd>
        <dt>Done:</dt><dd>{ item.done}</dd>
    </dl>
  </li>
</ul>