JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
<div id="app">
  <table class="table">
    <thead>
      <tr>
        <td><strong>Title</strong></td>
        <td><strong>Job</strong></td>
        <td></td>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(row, index) in rows">
        <td><p class="title">My title</p></td>
        <td><input type="text" v-model="row.job"></td>
        <td><a @click="title()">hide title</a></td>
      </tr>
    </tbody>
  </table>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	rows: [
    	{ job: 'A' }, { job: 'B' }
    ]
  },
  methods: {
  	title: function() {
    	$title = $(event.target).parent().parent().find("p");
      $($title).hide();
    }
  }
})