<Parent :data="a">
<Child1 :data="a.b">
<Child2></Child2 :data="b.c">
</Child1>
</Parent>
В компоненте Parent я совершаю ajax запрос и получаю данные a, передаю a.b в Child1, оттуда b.c в Child2. В Child2 я обновляю их, допустим, через пользовательский ввод. Vue не разрешает их изменять из дочерних:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "c"
Для примера Parent может быть страницей с именами людей, Child1 - списком имен, Child2 - элементом списка имен (одним именем).
Если использовать $emit, то его придется прокладывать через оба дочерних компонента и принимать на родителе? Есть другие способы реализоватать это?