Javascript 如何访问此动态导入中的数据?

Javascript 如何访问此动态导入中的数据?,javascript,vue.js,ecmascript-6,Javascript,Vue.js,Ecmascript 6,如何处理动态导入的对象 我在package.json中有以下内容: process.env.VUE_APP_CONFIG='./specialconfig/config.js' 在我的Vue组件中,我有: const myobj = import(process.env.VUE_APP_CONFIG) config.js中只包含以下内容: export const cat = { name: “Bob”, } 如果我在vue组件中记录console.log,它将返回承诺并解析,我可以看

如何处理动态导入的对象

我在package.json中有以下内容:

process.env.VUE_APP_CONFIG='./specialconfig/config.js'
在我的Vue组件中,我有:

const myobj = import(process.env.VUE_APP_CONFIG)
config.js中只包含以下内容:

export const cat = {
  name: “Bob”,
}

如果我在vue组件中记录console.log,它将返回承诺并解析,我可以看到数据。解析和使用config.js中的属性的最佳方法是什么?

您可以使用Promise的
然后
方法来解析它

import(process.env.VUE_APP_CONFIG).then(myobj => {
  console.log(myobj);
}); 
或者使用
async
/
await
语法将Promise中的值存储在变量中,并在相同的函数范围内使用它

(async () => {
  const myobj = await import(process.env.VUE_APP_CONFIG);
  console.log(myojb);
});
两种选择都同样有效。其余的都归结为偏好