Can't figure out how to pass a parameter to vue.js from a component to a parent or another component?

Question

Vue.js

I have a Navigation component.

How can I make sure that when I click on the button, in this Navigation component I have a parameter (a numeric value in data) passed to the parent app.vue component?

Answer 1

Raise the $emit event from child to parent components.
For example:

// дочерний компонент your-component
...
methods: {
  doSomething() {
    this.$emit('yourEvent', {
      params: this.params,
    })
  }
}

// родительский компонент
<template>
  <your-component :someProps="parent" @yourEvent="doSomething" />
</template>
...
methods: {
  doSomething(data) {
    // какой-то код
  }
}