<div id="app">
  <div v-for="(story, idx) in stories" :key="idx">
      <h2>{{ story.title }}</h2>
  </div>
</div>
const stories = [
  { 
    "created_at": "2020-02-18T15:17:39.000Z", 
    "title": "The Swap-Or-Not permutation generator (2012)", 
    "url": "https://arxiv.org/abs/1208.1176", 
    "author": "ur-whale", 
    "points": 1 
  },
  
    { 
    "created_at": "2020-02-18T15:17:39.000Z", 
    "title": "The Swap-Or-Not permutation generator (2012)", 
    "url": "https://arxiv.org/abs/1208.1176", 
    "author": "ur-whale", 
    "points": 1 
  } ,
]


new Vue({
  el: '#app',
  data() {
    return {
      stories,
    }
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js