title: How to replace a string value using Vue.js mixins?
body: <p>I have created a mixins file called as urlMixin.js as show below,</p>
  
  <pre><code>module.exports = {
  data() {
      return {
          url: 'http://localhost:3000'
      };
    }
  }
  </code></pre>
  
  <p>I have a component called as profile.vue in which I have imported the mixin file. The profile.vue file looks like this,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import axios from 'axios';
  import urlMixin from './../../mixins/urlMixin';
  
  export default{
      data() {
          return{
             
          }
      },
  
      created: function(){
          
      },
  
      mixins : [ urlMixin ],
      
      methods:{
          getInfo: function(){
              axios.get('this.url/profile')
              .then(response =&gt;{
                  
              })
              .catch(e =&gt; {
                  this.errors.push(e);
              })
          }
      }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to be able to replace the url value in the Profile.vue with the url value present in urlMixin.js file, like how it is shown in the profile.vue file. Is there a way using which I can achieve this? </p>