使用Vue.js将v-if构造为v-for中的过滤器时出现问题

Question

我有一点麻烦的设置了v-if一个v-for，因为我是很新的Vue公司。我目前有：

<div class="row form-group" v-for="(article, key, index) in articles" :key="key" v-if="article.pubdate(first four characters)">={{ filterYear}} >

我不确定如何获取的前四个字符pubdate作为数字，以及如何传递filterYear。 articles是使用Axios返回的JSON对象。但是，pubdate格式为：年，空间，月。例如：

2007 Aug
/* or */
2009 Aug 1

我需要做的是确定一年，然后将其传递到中v-if，这样只有该年中或之后写的文章才会出现。我在JavaScript端也有类似的代码，用于标识值并将其放入字符串（uid_string）。参见Codepen。