Vue js как динамически, по нажатию на строку добавлять подстроку в таблице?

<template>
  <table>
    <thead>
      <tr>
        <th>Файл cookie</th>
        <th>Истечение</th>
        <th>Домен</th>
        <th>Компания</th>
        <th>Цель</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
        <tr v-for="row in tableData" :key="row.name">
            <td>{{row.name}}</td>
            <td>{{row.time}}</td>
            <td>{{row.domain}}</td>
            <td>{{row.company}}</td>
            <td>{{row.target}}</td>
            <td>+</td>
        </tr>
    </tbody>
  </table>
</template>