Hi, in https://codesandbox.io/s/0y7jw79ljn and https://github.com/drahkrub/props-as-data I created a little demo for arbitrary nested dynamic forms.
Of course such forms can be much more complex, it’s just a demo.
The idea is that some root component holds all the data and passes parts of the data as “objects props” down the component hierarchy. Each sub component can mutate its object prop which in return alters the state of the root component.
I’ve read a lot about this stuff, here (e.g. Is mutating object props bad practice?), on SO and in the official docs - but it’s still unclear for me, if this is ok or not (or if it can be problematic in future versions of vue.js).
It would be very nice, if a clear statement from higher authorities would be given.
If there is a different/better way to handle arbitrary nested dynamic forms, I would be very interested!