请问一下讲师怎么解决vue项目export default 后import问题

来源：4-7 GlobalHeader 组件编码

慕丝7210068

2022-05-11

export default { foo:123,bar:456}

import { foo } from "a.js"

这个时候导入的是undefined，请问具体怎么解决啊

写回答

1回答

张轩

2022-05-12

同学你好

你对于 es6 的 export import 理解有点问题

你这里应该是写成这样

// 因为a.js 重视默认导出，也就是使用了 default
import a from './a'
// 访问上面的属性
a.foo
a.bar
你使用具名导入是针对另外一个文件不使用 export 的变量的，
比如 a.js 这么写
export const foo = '123'
export const bar = '234'
//这个时候
import { foo, bar } from './a'
就可以有 foo 和 bar 的值了

具体原因可以看一下文档：https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/statements/export

张轩

慕丝7210068

同学你好看了你的链接说的没错当然这样也不是标准的 es6 语法了，所以 babel6 以后也不支持这样的解构import，要使用所提供的插件进行一次转换。

2022-05-14

共4条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

export default class Catalogues extends Vue