如何将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;
  }
};