Javascript 如何使用vue js显示指定的行？

这是我从url获取的数据。我只需要打印第二行和第四行

{
    "status": "ok",
    "source": "n",
    "sortBy": "top",
    "articles": [
        {
            "author": "Bradford ",
            "title": "friends.",
            "url": "http: //",
            "urlToImage": "http://"
        },
        {
            "author": "Bradford  ",
            "title": "Kershaw threw six mesmerizing innings to put L.A. into the Fall Classic.",
            "url": "http: //",
            "urlToImage": "http://"
        },
              "author": "Bord  ",
            "title": "Kershaw threw six mesmerizing innings to put L.A. into the Fall Classic.",
            "url": "http: //",
            "urlToImage": "http://"
        },
             "author": "Brad  ",
            "title": "Kershaw threw six mesmerizing innings to put L.A. into the Fall Classic.",
            "url": "http: //",
            "urlToImage": "http://"
        }
    ]
}

下面给出了我的vue js脚本。这就是我如何从相应的url检索值的方法

 <script>
    new Vue({
        el: '#feed' ,
        data: {
        articles: [],
        },
        mounted() {
        this.$nextTick(function() {
          var self = this;
          $.ajax({
                url: "https://newsapi.org/v1/articles?source=espn&sortBy=top&apiKey=4db9d5d381a14ffcbca8e8a9aa8b864c",
                method: "GET",
                dataType: "JSON",
                success: function (e) {
                    if (e.status == 'ok') {
                        self.articles = e.articles;
                        console.log(e.articles)
                    }
                }, error: function(){
                console.log('Error occurred');
                }
            });
        })
        },
       })
</script>

新Vue({
el:'饲料'，
数据：{
第[…]条，
},
安装的（）{
此.$nextTick（函数（）{
var self=这个；
$.ajax({
url:“https://newsapi.org/v1/articles?source=espn&sortBy=top&apiKey=4db9d5d381a14ffcbca8e8a9aa8b864c",
方法：“获取”，
数据类型：“JSON”，
成功：职能（e）{
如果（e.status=='ok'）{
self.articles=e.articles；
console.log（如文章）
}
}，错误：函数（）{
console.log（'发生错误'）；
}
});
})
},
})

我的HTML是

<div id="feed">
<div v-for="post in articles" class="mke_">
  <div class="row">
      {{post.title}}
    </div>
</div>
</div>

{{post.title}

请帮助我仅显示第2和第4篇文章[]？

---

我的js很弱。所以，在第2行和第4行帮助我将是非常好的，我想你的意思是索引1和3处的元素。最简单的方法是添加一个带有以下条件的

v-if

绑定：

articles.indexOf（post）==1 | | articles.indexOf（post）==3

newvue({
el:'饲料'，
数据：{
文章：[{
“作者”：“布拉德福德”，
“头衔”：“朋友”，
“url”：“http://”，
“urlToImage”：“http://”
},
{
“作者”：“布拉德福德”，
“标题”：“克肖投了六局精彩的局数，让洛杉矶队进入秋季经典赛。”，
“url”：“http://”，
“urlToImage”：“http://”
}, {
“作者”：“Bord”，
“标题”：“克肖投了六局精彩的局数，让洛杉矶队进入秋季经典赛。”，
“url”：“http://”，
“urlToImage”：“http://”
},
{
“作者”：“布拉德”，
“标题”：“克肖投了六局精彩的局数，让洛杉矶队进入秋季经典赛。”，
“url”：“http://”，
“urlToImage”：“http://”
}
]
}
});

{{post.title}


{{post.author}}
您如何确定需要第二行和第四行？不，先生，我需要打印文章数组的所有值。在本例中，{“作者”：“布拉德福德”，“标题”：“克肖投了六局令人着迷的局数，将洛杉矶放入秋季经典。”，“url”：“http://”，“urlToImage”：“http://”}{“作者”：“布拉德”，“头衔”：“克肖投了六局令人着迷的球，让洛杉矶队进入秋季经典赛。”，“url”：“http://”，“urlToImage”：“http://”}在你写的问题中：我只需要打印第2行和第4行。你这是什么意思？请检查那个网址。有很多数据。我的目标是只打印其中很少的
indexOf
在这里是不必要的。筛选器回调将索引作为参数接收<代码>（t，i）=>i==1 | i==3