Передача данные из компонента в компонент

Question

Как передат значения counter в другой компонент после router.push?

Методы которые записаны в компоненте из которого нужно передать

incCounterBuy() {
    if (this.counterBuy > 0) {
        this.counterBuy--
   }

},decCounterBuy() {

this.counterBuy++ }

Пропс в этом же компоненте из которого нужно передать

 props: {
        isCounter: {
            type: Number,
            required: true
        }
    }

Значения counterBuy передать в другой компонент и отрендерить {{ counter }}

Заранее спасибо!

Answer 1

В родительском компоненте регистрируем свойство:

data: () => ({
  counter = 1,
})

Передаем пропс в дочерний компонент:

<дочерний-компонент :counter="counter"></дочерний-компонент>

В дочернем компоненте принимаем пропс:

props: ['counter']

Если нужно изменить данные из дочернего компонента создаем метод:

methodName(){
  this.$emit('increment')
}

Передаем событие родителю:

<дочерний-компонент @incremen="parentIncrement" :counter="counter"></дочерний-компонент>

У родителя создаем метод parentIncrement в котором меняем свойство this.counter. Все! Данные изменятся реактивно.