title: how to change export const in vue js
body: <p>I have const:</p>
  
  <pre><code>export const globalUser = new Vue({
    created: function(){
      this.getActualUser();   
    },
    data: {
      ActualUser: {name:'',meta:'',tipo:''}
    },
    methods:{
      getActualUser: function(){
          var urlMeta='usuarioActual';
                  axios.get(urlMeta).then(response=&gt;{
                      this.ActualUser=response.data;
                  });
      }   
    }
  });
  </code></pre>
  
  <p>Now i'm importing that in a component of vue js</p>
  
  <pre><code>import {globalUser} from '../app.js'
  </code></pre>
  
  <p>Here is my data:</p>
  
  <pre><code>data:function(){
              return {
                  usuarioActual:globalUser.ActualUser,
                  anotherData:{}
              }
     }
  </code></pre>
  
  <p>This returns me:
  "usuarioActual": {
      "name": "",
      "meta": "",
      "tipo": ""
    }, the data is empty.</p>
  
  <p>What i want is the returns me data after the method getActualUser run:</p>
  
  <blockquote>
    <p>ActualUser: {name:'currentName',meta:'currentDat',tipo:'currentType'}</p>
  </blockquote>
  
  <p>It works well:</p>
  
  <pre><code>axios.get(urlMeta).then(response=&gt;{
                          this.ActualUser=response.data;
                      });
  </code></pre>