Как переместить данные Vue во внешний файл?

Question

Я пытаюсь сделать мой компонент Vue более легким для чтения, и есть большой массив данных (myDataStructure), который я хотел бы переместить во внешний файл:

 data() {
            return {
                myDataStructure: {..................}
            }
 }

так что у меня

myDataStructure: variableName

Я знаю, что могу создать глобальную переменную, но это кажется грязным. Какова лучшая практика, чтобы сделать это? Я бы предпочел не получать эти данные от вызова Ajax. Я бы хотел, чтобы Vue скомпилировал его так, чтобы он загружался вместе с компонентом.

Answer 1

Я думаю, вы могли бы использовать импорт модуля es для этого следующим образом:

data-structure.js

export default {
  someData: false,
  otherData: [],
  moreData: ''
};

my-component.vue

import dataStructure from './data-structure.js'

export default {
  name: 'my-component',
  data() {
    return dataStructure;
  }
};