1、导入的模块的方法,只有两种方法 import 和 require() 。可以使用 import 导入的基本都可以使用require导入。
2、export default方法导出的,只能使用import导入。(ES6方法)webpack2.0以后基本都使用import的写法
详细介绍如下
第一种
export (这种方案可以把要导出的一起导出,也一个一个导出)
let run = function () {
console.log('run')
}
let say = function(){
console.log('say')
}
export {run, say}
// 最后一起导出
//注意这种导出变量名的方式 要放在最下面 ES6不会有变量提升
(除了这种导出方式,其他的导出方式,文件有多个接口要暴露,都是导出一个对象)
export let run = function () { // 一项一项的导出
console.log('run')
}
export let say = function(){
console.log('say')
}
//逐个导出
导入方式
import { run, say } from '../../api/test.js'
第二种
export default (这种导出方案,导入时,只能使用一个变量去接收)
let run = function () {
console.log('run')
}
let say = function(){
console.log('say')
}
export default {run, say}
//针对该种方式导出 只可以用 import ES6方式导入 不可以用require
导入方式
import test from '../../api/test.js' // 导入时,只能使用一个变量去接收,如这里的 test
第三种
commons.js规则
module.exports 导出
let run = function () {
console.log('run')
}
let say = function(){
console.log('say')
}
module.exports = {run, say}
导出方式
import Vue from 'vue'
//或者
var Vue = require('vue')