如何在Vue中导入大型数组

Question

我有一个包含一些数据的文件组件：

data () {
    return {
        myArray: [obj1,obj2,...obj10000]
    }
}

在数据数组中具有10000个对象是一个好主意吗？如果没有，该如何在单个文件组件中导入大数组？

Answer 1

您可以在一个单独的文件中创建它，然后将其导入到组件中。

const animals = [ //animals.js
  {name:"tiger", weight:120},
  {name:"elephant", weight:1000}
]

export default animals

在组件中

import animals from './path/to/animals.js'

export default {
  data() {
    return {
      animals: animals
    }
  },

Answer 2

我发现使用单独的json文件是个好主意。