title: vueJS mixin trigger multiple times in laravel 5.7
body: <p>I am new in Vue jS [version 2]. There are 3 component in my page. I want to use a axios get data available in all pages. I have done as follows in my <code>app.js</code></p>
  
  <pre><code>const router = new VueRouter({mode: 'history', routes });
  Vue.mixin({
  data: function () {
          return {
            pocketLanguages: [],
  
          }
      },
  mounted() {
         var app = this;
         axios.get("/get-lang")
              .then(function (response) {
                  app.pocketLanguages = response.data.pocketLanguages;
          })
      }
  })
  
  const app = new Vue({ 
      router,
  }).$mount('#app');
  </code></pre>
  
  <p>and using this <code>pocketLanguages</code> in a component like </p>
  
  <p><code>{{ pocketLanguages.login_info }}</code> this. Its working fine but My Issue is <code>axios.get('')</code> triggering 4 times when page load [in console] </p>
  
  <p><a href="https://i.stack.imgur.com/d6Vxk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d6Vxk.png" alt="enter image description here"></a></p>
  
  <p>Now how can I trigger this only once or anything alternative suggestion will be appreciated to do this if explain with example [As I am new in Vue]</p>