SOURCE

new Vue({
	el: '#wrap',
  data: function(){
  	return {
    	posts: []
    }
  },
  methods: {
  	getPosts: function(){
    	this.posts = [{
            title: '帖子标题1',
            description: ' 7月5日，一段行车记录仪拍摄的视频在微信群疯传，行车记录仪视频显示当时是下午13时30分，车主开车行驶至北环大道彩田村附近，一辆奥迪车穿过绿化带飞来，撞上了马自达，巨大的冲击力使马自达上半部瞬间被碾碎，成了敞篷车。车停下后，马自达车司机自己从车内爬了出来。'
          },{
            title: '帖子标题1',
            description: '记者昨日下午赶到深圳市第二人民医院见到了奥迪车司机陈某，他在事故中受伤最重，腰椎骨折。陈某儿子告诉记者，父亲驾龄几十年了，谁也没想到会出这种事。'
          },{
            title: '那年夏天',
            description: '记者采访了福田交警大队事故中队民警黄科，他告诉记者，根据奥迪车主的陈述，事发时车主有点疲倦，车剐蹭到护栏后猛地一转，就冲过绿化带，撞向了对向的马自达小轿车。'
          },{
            title: '去年冬天',
            description: ' “我们现场及时对车主陈某做了检测，排除了酒驾和毒驾嫌疑，车速正在委托检验。”黄科表示，事故责任是由于奥迪车操作不当冲出绿化带撞上马自达，由奥迪车主承担全部责任。'
          }
        ]
    }
  }
})

<div id="wrap">

  <button @click="getPosts">获取内容列表</button>
  <ul>
    <li v-for="post in posts">
      <h3>{{post.title}}</h3>
      <div>{{post.description}}</div>
    </li>
  </ul>
  
</div>