title: When to use the base Vue instance, Vuex or mixin?
body: <p>In Vue, you can store commonly used variables and methods in the base Vue instance. This way other components can access this data.</p>
  
  <pre><code>new Vue({
      data: {
          name: 'John'
      }
  }); 
  </code></pre>
  
  <p>If you are using Vuex for state management you could also store this data here as well.</p>
  
  <pre><code>const store = new Vuex.Store({
      state: {
         name: 'John'
      }
  }
  </code></pre>
  
  <p>From my understanding, Vue mixins also offer the same functionality (allowing any component to access this commonly shared data globally).</p>
  
  <pre><code>Vue.mixin({
      data() {
          return {
              name: 'John'
          };
      }
  });
  </code></pre>
  
  <p>My question is when should you use the base Vue instance over Vuex or a global mixin?</p>