title: Can we change Vuejs global Property from child components
body: <p>I am using vue-resource for http requests.</p>
  
  <p>I set the authorization header in main.js file as:</p>
  
  <pre><code>Vue.http.headers.common['Authorization'] = 'Bearer ' + Vue.auth.getToken()
  </code></pre>
  
  <p>But after login successfull I want to change its value from component without refreshing it. </p>
  
  <p>I am trying to do this after getting loggedin in my Login.vue component:</p>
  
  <pre><code>this.$http.headers.common['Authorization'] = "Bearer " + token
  </code></pre>
  
  <p>but still the Authoriztion header value remains unchanged. 
  I just want the authorizstion header to be avaiable in all requests after getting logged in without refresh page. </p>