Фильтр по категориям JS, VueJS

Подскажите как сделать фильтр по категориям. Чтобы при выборе категории, отображались элементы только с этой категории.

Вот что у меня есть. По клике на ссылку, я вызываю функцию filteredCategory , и передаю значение categoryItem

<ul class="categoryList" id="categoryList">
<li class="categoryItem" v-for="categoryItem in categoryItems">
<a v-bind:href="categoryItem.title" class="categoryItem__link" v-on:click.prevent="filteredCategory(categoryItem)">{{categoryItem.title}}</a></li>
</ul>

Вот JS в переменной self название категории

methods: {
filteredCategory: function(categoryItem) {
var self = categoryItem.title
}
}

html

<ul class="cinema" id="cinemaItem">
<li class="cinemaItem"  v-for="cinema in filteredCinemas" v-bind:data-category="cinema.category">
<a href="cinema.title">
<img v-bind:src="cinema.img" v-bind:alt="cinema.title" class="cinemaItem__img"/>
<p>Title: {{cinema.title}}</p>
<p>Category: {{cinema.category}}</p>
</a>
</li>
</ul>

Как отобразить блоки только с соответствующей категорией