扫码关注官方订阅号
看了下es6的export和import,那么vue中import Hello from...调取成功的前提不是应该先有export Hello{}吗?可是我没找到呢,只有export default{},我想知道这几者之间的关系,谢谢
ringa_lee
import xxx from 'xxx'
这个 xxx 就等于 export default 的那个。
在这儿就是export default 出去的对象。
建议看看阮一峰ES6教程的模块部分
在components中得Hello.vue中的script中有export default {},然后因为有webpack,它通过vue-loader将vue后缀的文件代码进行分解和打包,js归js,css归css,html归html,这里将js部分单独分解到一个名为Hello.js的文件,内容是:
components
Hello.vue
script
export default {}
vue-loader
Hello.js
你import 的那个hello.vue 里面不是应该有个export default{}么。 这个就相当于你说的那个export hello{}
exprot es6 导出的概念export default 默认导出这个意思,假如一个js文件中有你想导出的好几个方法,活着component的话,其他js文件想要引入的时候,就需要这样引入export 的import { name } from 这个js文件引入export default 的import name from 这个js文件
我的拙见 举个例子 import App from './App.vue' 这句话的意思是将App.vue整个.vue文件引用过来,不是什么变量,函数,记住是整个文件,是整个文件,我的理解是加载整个App.vue文件,这句话的作用是,将根组件需要的子组件加载过来,不加载过来,怎么构成应用呢
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
import xxx from 'xxx'
这个 xxx 就等于 export default 的那个。
在这儿就是export default 出去的对象。
建议看看阮一峰ES6教程的模块部分
在
components中得Hello.vue中的script中有export default {},然后因为有webpack,它通过vue-loader将vue后缀的文件代码进行分解和打包,js归js,css归css,html归html,这里将js部分单独分解到一个名为Hello.js的文件,内容是:你import 的那个hello.vue 里面不是应该有个export default{}么。 这个就相当于你说的那个export hello{}
exprot es6 导出的概念
export default 默认导出这个意思,
假如一个js文件中有你想导出的好几个方法,活着component的话,其他js文件想要引入的时候,就需要这样
引入export 的
import { name } from 这个js文件
引入export default 的
import name from 这个js文件
我的拙见 举个例子 import App from './App.vue' 这句话的意思是将App.vue整个.vue文件引用过来,不是什么变量,函数,记住是整个文件,是整个文件,我的理解是加载整个App.vue文件,这句话的作用是,将根组件需要的子组件加载过来,不加载过来,怎么构成应用呢