vue中es6问题：import Hello from...

Question

看了下es6的export和import,那么vue中import Hello from...调取成功的前提不是应该先有export Hello{}吗？可是我没找到呢，只有export default{}，我想知道这几者之间的关系，谢谢

Answer 1

import xxx from 'xxx'

这个 xxx 就等于 export default 的那个。

在这儿就是export default 出去的对象。

建议看看阮一峰ES6教程的模块部分

Answer 2

在components中得Hello.vue中的script中有export default {}，然后因为有webpack，它通过vue-loader将vue后缀的文件代码进行分解和打包，js归js，css归css，html归html，这里将js部分单独分解到一个名为Hello.js的文件，内容是：

export default {}

Answer 3

你import 的那个hello.vue 里面不是应该有个export default{}么。 这个就相当于你说的那个export hello{}

Answer 4

exprot es6 导出的概念
export default 默认导出这个意思，
假如一个js文件中有你想导出的好几个方法，活着component的话，其他js文件想要引入的时候，就需要这样
引入export 的
import { name } from 这个js文件
引入export default 的
import name from 这个js文件

Answer 5

我的拙见 举个例子 import App from './App.vue' 这句话的意思是将App.vue整个.vue文件引用过来，不是什么变量，函数，记住是整个文件，是整个文件，我的理解是加载整个App.vue文件，这句话的作用是，将根组件需要的子组件加载过来，不加载过来，怎么构成应用呢