vue的导入导出

（1）导出一个方法
导出

//export-default.js 这是一个模块文件export-default.js，它的默认输出是一个函数
export default function () {
  console.log('导出');
}

导入可以用任意名称指向export-default.js输出的方法，这时就不需要知道原模块输出的函数名。

//import-default.js
import customName from './export-default';
customName();  //'导出'
//这是的import命令，可以用**任意名称**指向export-default.js输出的方法，这时就不需要知道原模块输出的函数名。
需要注意的是，这时import命令后面，不使用大括号。

（2）export default导出函数写法

// 导出.js
export default function daochu() {
  console.log('导出');
}
 
// 或者写成
 
function daochu() {
  console.log('导出');
}
//daochu为导出的daochu（）要和方法名字一样导出那个方法写那个
export default daochu;

引入

//daochua 可以随便命名
import daochua from 'Utils/daochu.js'
// 方法调用:

mounted() {
    console.log(daochua)
    daochua()
  },

（3）多个函数一块导出

const daochuAll = {
  daochu(){
    console.log('导出')
  },
  daochua(){
    console.log('导出aa')
  },
}

export default daochuAll

引入

import daochu from 'Utils/daochu.js'
//方法调用
daochu.daochu()
daochu.daochua()

（4）export导出
导出

function daochu() {
  console.log('导出');
}
function daochuqqq() {
  console.log('导出111');
}
export {daochuqqq,daochu};

引入

import {daochu,daochuqqq } from 'Utils/daochu.js'
方法调用
mounted() {
    // console.log(daochu)
    daochu()
    daochuqqq()
  },