Hey all, I’m a junior dev at a company which doesn’t have any dedicated SWE’s. I’m currently working on a massive codebase which was put together by ex employees who had a lot of software knowledge.

On a very high level, in a parent vue component (X), I receive an array of 10 objects. In my template, there’s a v-for which goes through each of these objects, and for each, renders a child component(Y). My responsibility was to create another component Z such that Z will be a child to Y.

I did so and all functionality for Z works perfect. Now my boss comes back with a new approach. Basically inside Z I have a button. You can imagine there’s 10 Y components at any point on my DOM and each has this button Z.

Basically, I need a global button such that for each Y where I didn’t click the button in Z, the text would update on the click of this global button in X.

I have no idea how to implement this. Any help would be appreciated.