title: Access external js files on vue instance
body: <p>I am developing a simple app, where i set a list of consts that i want to use in my development. so i created a file like this:</p>
  
  <p><strong>consts.js</strong></p>
  
  <pre><code>export default {
  MAX_HEALTH: 100,
  MAX_HEALTH_PERCENTAGE: '100%',
  ATTACK_FLAG: 1,
  HEALTH_FLAG: -1,
  PERCENTAGE: '%',
  ATTACK_MIN_RANGE: 1,
  ATTACK_YOU_MAX_RANGE: 10,
  ATTACK_MONSTER_MAX_RANGE: 7,
  SPECIAL_ATTACK_MIN_RANGE: 5,
  SPECIAL_ATTACK_YOU_MAX_RANGE:12,
  HEAL_MIN_RANGE: 1,
  HEAL_MAX_RANGE: 10 
  </code></pre>
  
  <p>}</p>
  
  <p>and i want to access the consts in a separate file on the vue instance:</p>
  
  <pre><code>window.onload = function () {
      new Vue({
          el: '#appMonster',
          data: {
              startClicked: false,
              monsterLife: {
                  width: '100%',
                  life: 100
              },
              youLife: {
                  width: '100%',
                  life: 100
              }
          },
          methods: {
  ...
  </code></pre>
  
  <p>for example inside methods, how can i do it?</p>
  
  <p>I already tried to import the file at the top <strong>before and after</strong> onload, but i always get this error: <strong>unexpected identifier</strong>, any way to solve this?</p>
  
  <p>I am not using webpack, I am just working with the vue instance accessing the vue script cdn with basic script import.</p>
  
  <p>Thank you</p>