Как переделать document.querySelectorAll под Vue.js?

А как поступить если у меня несколько элементов за которыми нужно следить. Например
у меня много блоков card-group и для каждого есть заголовок. Все их нужно проверить на пустоту, т.е если "card-group" пустой, то советующий "card-title-group" не отображать. Структура проекта сложная и получается card-group в себе может содержать много других компонентов, в зависимости от условий.

<template>
  <div>
    <p class="card-title-group">Основные параметры</p>
    <div  class="card-group">Блок 1</div> 
    <p class="card-title-group">Основные параметры 2</p>
    <div class="card-group">Блок 2</div>
  </div>
</template>

* используется вью 2

Как сделать фильтрация элементов по категориям?

LJ322, проблема была в синтаксисе v-model, при использовании на компонентах v-model поменялись входной параметр и имя события в 3 версии. Буду дальше разбираться, спасибо!

Как сделать фильтрация элементов по категориям?

Cмысл понятен, только в примере на вью 2 https://codesandbox.io/s/custom-filter-using-vue-j...
Что поменять нужно чтоб работало на 3 версии?