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

How do I move Vue data to external file?