How to declare a global variable in Vue js and work with it?

Question

Vue.js

App.js has a div class with v-bind:class="{ ' appRootModal': isModal }" and the isModal variable is naturally created. How to work with it in other components. That is, when the modal opens, the isModal variable must also change. I know and use variables about passing variables to components, but here I need to pass them to the main component. As one of the options, use Vuex, but I think everything is much easier to use here. Something like this.$root.isModal = true;

Answer 1

You can use VUEX