Как изменять переменную из дочернего компонента vue3 в главном?

Question

[Никита Антоньев]

Есть дочерний компонент в котором кнопка, которая меняет переменную на true и мне нужно сделать общую переменную между главным и дочерним компонентом чтобы менять состояние.

Comments

[0xD34F]

2.2, 3.1

Answer 1

[Николай]

Если правильно вас понял, то есть несколько вариантов
1- Самый очевидный
в дочерний компонент значение получается в виде props от родителя. В дочернем компоненте делаете emit и в родителе подписываетесь на изменение пропса по этому эмиту, итого у вас 1 переменная у родителя, но вы в дочернем компоненте посылаете событие на изменение
2- Через ref, получаете инстанс компонента и можете сделать там изменение, через какой-то метод, который будет возвращать вам true/false состояния
3- Стор

Но , это все избыточно, верное и правильное решение под 1 пунктом