import引入疑惑

来源：3-7 通过代码拆分增加逻辑可维护性

好帮手慕斯林

2021-03-31 10:44:55

相关代码：

import Toast, { useToastEffect } from '../../components/Toast'

问题描述：

上述代码是直接从Toast.vue引入的，我的疑问是，这样子写

import Toast from "../../components/Toast";是不是相当于把Toast.vue整个文件引入了么，为啥还要单独引入{ useToastEffect }这个变量？

就是我把Toast.vue整个文件引入了，不也是可以直接用Toast.vue里的useToastEffect变量？后面再写{ useToastEffect }是不是重复了？可能我对import理解不够深，望解答谢谢！

写回答

1回答

好帮手慕星星

2021-03-31

同学你好，Toast组件中有两个导出

export default是默认导出，就是正常import导入就好

这样导入Toast.vue文件只是导入默认的export default{}内容，与下面的export导入无关。

但是export导出是有名字的

导入的时候也需要名字，不过这里解构了而已

如果对于导出知识忘记了，可以回顾下视频哦：

祝学习愉快！

0 学习 · 15276 问题

相似问题

回答 2

回答 1

回答 2

回答 1

回答 1