vue.js - 如何在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
    }
  },