在Vuejs中创建全局变量

我正在VueJS中创建一个应用程序,我想创建一个服务或全局变量,存储客户端是否向服务器发出请求.我一直在考虑配置一个interruptor,它在发出请求时将全局变量设置为true,并在请求完成时将变量设置为false.

因此,当我使用加载程序组件时,它仅在变量为true时显示.

例:

// As i do

        
{{ $t('organization.labels.organization')}}
        

          
 
            
          
          

            
            

              
              
 {{ $t('organization.labels.loading')}}
            
            
          
        
        


// As it should work

        
{{ $t('organization.labels.organization')}}
        

          
 
            
          
          

            
            
 <== $loader
              
              
 {{ $t('organization.labels.loading')}}