vue change prop in component code example

Example: vuejs change prop value

//In your component (here TaskTemplate.vue)
methods: {
  add() {
    this.$emit('add-counter', this.taskId);
  }
}

//In App.vue



//...
data() {
  return {
    task: {
      id: 0,
      name: 'Empty been',
      counter: '2'
    }
  }
}

methods: {
	addTaskCounter(taskId) {
  		const identifiedTask = this.tasks.find((task) => task.id === taskId);

  		identifiedTask.counter += 1;
  	}
}