Vue js, controlling the child component renders from parent component or synch the data of parent component's data to child components data?

Question

I am currently using Vuejs to create mandalart chart and basically the center table\'s data should synch with each other table\'s center data as shown below:enter image desc