title: How to share data between components, by global mixins in vuejs ? why it is not reactive?
body: <p>I want to share simple data between all components
  I know it can be done using <code>Vuex</code> or a global variable as a state, but it's overkill for my project! </p>
  
  <p>Here is the code: </p>
  
  <pre><code>Vue.mixin({
      data: function () {
          return {
              base_url: 'http://test.develop/api/v1/',
              isLoading : false
          }
      }
  })
  </code></pre>
  
  <p><code>base_url</code> is constant and its working but <code>isLoading</code> must be reactive and it is not working, when I change it in one component and log it in another, it remains unchanged.</p>
  
  <p>Now my question is what kind of data should be used in vue mixins ? Are mixins only for sharing code or data can be shared by mixins too?</p>