console 命令行工具 X clear

console

new Vue({
  el:"#app",
  data(){
    return {
      blogs:[{
        title:"标题1",
        show:false,
        content:"测试1"
      },{
        title:"标题2",
        show:true,
        content:"测试1"
      },{
        title:"标题1",
        show:false,
        content:"测试1"
      }]
    }
  }
})

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <div id="app">
      <div v-for="blog in blogs" class="single-blog">
      <div>{{blog.title}}</div>
      <article v-if="blog.show">
          {{blog.content}}
      </article>
      </div>
  </div>
</body>
</html>