How to cause one component to change when another is clicked in vue?

Question

Vue.js

It is necessary to block/unblock scrolling body when clicking on the menu.
Without vue, when clicking on the menu, I could just use elQuerySelector(body) and replace the desired property.

So far, on vue, I know two ways: through the vuex parameter or stupidly in the methods of the menu component, register changing the body style using the same elQuerySelector. But, as I understand it, this is not entirely correct.

Or, nevertheless, vuex?