Как через props,перекинуть данные родителю в Vue?

Question

[hateyyyy]

Есть следующий код с документации,не совсем понимаю каким образом пробрасываются данные ребенка к родителю

<div>
  <input v-model="parentMsg">
  <br>
  <child :my-message="parentMsg"></child>
</div>

Comments

[Алексей Зуев]

Ну props вроде всегда вниз прокидываются. не? Для обратной процедуры я думаю надо использовать либо функции-хэндлеры, который прокидываются через props (тип Function), либо через dispatch на ребенке

[hateyyyy]

Алексей Зуев: 1)dispatch - это вроде искусственного создания события ?
2) Я нашел пример,там вроде делают так

где getMessage - метод у родителя,а вызывается он строчкой в обработчике клика у ребенка,вот так this.way(this.message) . Вы такой способ имели ввиду?

[Алексей Зуев]

hateyyyy: Вот такой

[hateyyyy]

Ну да,я его видел,думал может просто и через props обратно как нибудь прокидывать есть способ.
Спасибо.

[Алексей Зуев]

hateyyyy: вот смотрите еще один способ, о котором я выше опомянул ссылка

[Алексей Зуев]

hateyyyy: суть в том, что у родителя есть метод, который можно спускать через props вниз к дочерним. Ну по сути мы тащим вниз ссылку на функцию. А в нужном месте какого-нибудь ребенка ее вызываем.

[Алексей Зуев]

Еще думаю можно взглянуть на vuex и vue-redux

[hateyyyy]

Алексей Зуев: hateyyyy @hateyyyy
А можешь объяснить,зачем мы тут связываем данные и я даже не могу понять с чем связыванием,вроде такого атрибута в объекте data нету,это у шаблона.
input placeholder="Введите текст..." v-model="msg"

[Алексей Зуев]

hateyyyy: Обновленный пример. add заменил на plus. Это метод дочернего. А onAdd - это props

[hateyyyy]

Алексей Зуев: Я это понял,вот эта строчка непонятная v-model="msg",откуда берется msg?И зачем мы связываем данные,если мы просто через this.onAdd(this.msg); пробрасываем родителю?Походу чего то недопонял может

[Алексей Зуев]

hateyyyy: Обновил. msg можно как угодно называть, это всё пример. Тут только одна связь: то, что в v-model="msg" совпадает с вызовом в методе plus - this.msg

[Алексей Зуев]

hateyyyy: Это просто типа зачаток todo листа я пример приводил. А вот просто вызов пример

[hateyyyy]

Алексей Зуев: Спасибо большое за комментарии,второй раз уже выручаешь)
Все теперь понятно)

Answer 1

[Tupbich]

Если я не ошибаюсь
<child :my-message.sync="parentMsg"></child>