I think the issue was from the different lift cycle between vue and handsontable. I’ve changed my code so it’s alright now.
Problem was that adding a new data function in child component and in mounted() hook while I’m using ‘computed hook’ to display the data in handsontable(in parent component).
Now I get all data in ‘mounted()’ in parent component and add it to data(vue virtual DOM) and display it. In this way, there’s no more life cycle issue.
Vue inits components: child -> parent -> grand parent
It won’t be an issue if I used ‘methods’ in child component to add a new data, but when making a wrapper in vue, I have to call it in mounted() to get the wrapper component(child component) in parent component. So that was the problem.
To compare component relationship?( I mean parent and child components, I hope it’s what it’s called) I’ve made a quick test by creating vue cli project in vs code. You can test a bit there if you’re interested in.
Have a great day.