Transformation de javascript en vue js

Bonjour,
J'essaye actuellement de transformer le code javascript d'un de mes projet en vue js mais je bloque pour une partie de code ...
Voici le code js :

 
function click(currentBtn){

let div = currentBtn.closest('div'); 
let text = div.querySelector('.text-news');
logMessage(text.innerHTML);
}

et voici le début de mon code en vue js

  Vue.component('btn',{ 
   template :'<a class="btn btn-secondary" v-on:click ="add" href="#" role="button">View details »</a>',
   methods : { 
     add: function(){
      /*
      let div = event.closest('div');
     let text = div.querySelector('.text-news');

/     console.log('message');     }   }  });

Ce que je fait c'est que je créé un nouvelle élément bouton et que je veut directement lui donner la fonction click mais je bloque pour "attraper" son élément parent à lui.

Merci d'avance pour votre aide.
Cordialement.