Vue’s data binding on component

I thought nothing in JS world could ever drive me mad anymore. I was wrong.

I’m touching Vue for the first time, and I encountered Maximum Call Stack Size error. Apparently there’s infinite recursive call somewhere.

Public info is very limited - nobody having the same issue?

Turns out, I made a unfortunate mistake of pushing a subtree of data into my results data field, instead of just the result. The subtree contains all setters/getters and observables, and they got modified in <Table> component, causing the component to panic and refreshes itself.

Written on July 6, 2018