Vue:导入导出json，包含javascript

Question

我有一个json，如下所示，我希望从不同的组件导入，因为这个json包含require和Math等。无法保存为json文件格式

let test = [
{
name:"A",
imgSrc: require('@/assets/img/A.png'),
range: Math.pow(10, 6),
isShow: true
},
{
name:"B",
imgSrc: require('@/assets/img/B.png'),
range: Math.pow(10, 2),
isShow: false
}
];

Answer 1

将该声明复制到JavaScript文件中，并在其前面使用export关键字：

// products.js
export let test = [/*...*/]
👆

然后在另一个JavaScript文件中，可以使用import关键字按名称引入变量：

// main.js
import { test } from './products'
👆