Hi, i am new with VUE JS, i am working with two components but when i send data to the child component just is loading the first data anyone has any idea whats happening?

      html
    <script type="text/x-template" id="actions-measures">
  <div>
  <a  class="btn-status"  data-toggle="dropdown" aria-haspopup="true" aria- 
  expanded="false">...</a>
   <div class="dropdown-menu" aria-labelledby="options-status">
    <a class="dropdown-item"  v-on:click="showModal()" >Change Status</a>
   </div>
   <modal-patient-status
  v-bind:med="currentValue">
  </modal-patient-status>
  </div>
 </script>

components vue js
Vue.component(‘actions-measures’, {
template: ‘#actions-measures’,
props:
[‘currentMeasure’,‘action’],
data: function() {
return {
tittle: ‘Measure Name’,
currentValue: null
};
},
methods: {
showModal: function () {
this.getMeasure();
console.log(this.currentValue.text_display);
$(’#modal-patient-change-status’).modal(‘show’);
},
getMeasure: function() {
this.currentValue = this.currentMeasure;
}
},
watch: {
currentValue: function(oldValue, newValue)
{
console.log(‘newvalue’, newValue);
console.log(‘oldvalue’, oldValue);
}
}
});

Vue.component(‘modal-patient-status’, {
template: ‘#modal-patient-template’,
props: [‘med’],
data: function() {
return {
tittle: ‘Measure Name’,
currentMeasure: null,
modal: ‘#modal-patient-change-status’,
statuses: [
{ value: ‘0’, text: ‘Select’ },
{ value: ‘1’, text: ‘Met’ },
{ value: ‘2’, text: ‘Not’ }
],
conditionsMet: [
{ value: ‘1’, text: ‘2022F’ },
{ value: ‘2’, text: ‘2023F’ }
],
conditionsNot: [
{ value: ‘3’, text: ‘4040F’ },
{ value: ‘4’, text: ‘4044F’ }
],
conditions:[],
errors:[],
date: null,
property_status: {
status: ‘’
}
};
},
methods:{
openModal: function() {
$(this.modal).find(’.modal-dialog’).css(‘max-width’, ‘90%’);
$(this.modal).modal({
show: true,
keyboard: false,
backdrop: false
});
},
checkForm: function (event) {
this.attemptSubmit = true;
if (this.missingDate || this.property_status.status!=0) event.preventDefault();
},
getConditions: function(e) {
if(this.property_status.status!= 0 )
{
if(this.property_status.status == 1 ){

  this.conditions= Object.values(this.conditionsMet);
 }
 if(this.property_status.status == 2){
  this.conditions= Object.values(this.conditionsNot);
 }
 }
 else{
   this.conditions= [];
 }
 e.preventDefault();

},
save: function(e) {
if (this.attemptSubmit == true){
alertify.success(‘Status was changed’);
$(’#modal-patient-change-status’).modal(‘hide’); }
},
viewData: function functionName() {
console.log(this.med.text_display);
},
onFocus: function () {
$(’.datetimepicker’).datetimepicker({ format: DATE_FORMAT });
}
},
watch: {
med: function(oldValue, newValue) {
if(newValue != oldValue) {
this.$nextTick(() => {

    });
  }
  }
   },
       computed: {
      getStatus: function getStatus(){

  return Object.values(this.statuses)
},
  missingDate: function () { return this.date === ''; }
  }
 });