vue3 How can this be achieved?

We are currently creating a page that lists posts from users.
I would like to set up a menu that contains options such as Edit and Delete in each of those posts.
The menu opens and closes by clicking the button located in the lower left corner of each post.

The menu itself is created with components of vue.

If there is only one post, you can mount it.
There is at least one post and you must mount all of it.
(If there are 100 pieces, mount 100 pieces)

It hasn't been long since I started learning vue, so I have little idea what to do.

I use PHP for the backend, but should I mount the number of posts in foreach?
In that case, if it is 100, 100 mount lines will be printed in the JS file, but is it usually implemented like that...?

Could you tell me what to do in this case?

2022/1/20

The image is a menu that opens and closes when you click on each post as shown in the image.