Здравствуйте.
У меня есть родительский компонент с такими данными
data: {
myObj: {
first: 'Первый',
second: 'Второй'
}
}
и два дочерних, каждый из которых принимает свой элемент объекта
<my-component :obj-val="myObj.first">
// внутри поле для смены first
<my-component>
<my-component :obj-val="myObj.second">
// внутри поле для смены second
<my-component>
Когда в дочернем компоненте меняется значение
first или
second, то в родительском они тоже должны быть обновлены.
Возникло два вопроса:
1) Значение я могу вернуть с помощью
$emit
. Но как указать, какое это из свойств объекта? Вместо со значением возвращать и ключ объекта?
2) Цель всего этого - по нажатии кнопки в родительском компоненте свапнуть значение в дочерних. То есть, если в первом компоненте значение было 1, а во втором 2, то должно стать 2 и 1. Поэтому, может есть вариант проще?