Vue

by Phil Brown

HTML

<ul id='books'>
  <li v-for="row in results.rows">
   <span v-html="row.name"></span> --
   {{ row.name }}
  </li>
 </ul>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#books {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

span {
  color: green;
}

Vue

new Vue({
    el: '#books',
    data:{
        results:{
            offset:0,
            total_rows:0,
            rows:[
                {name:'bob'},
                {name:'joe'},
            ]
        }
    }
})