导入与导出

导入与导出

func.js文件

function demo(Vue){
  console.log(Vue)
  console.log('函数执行了')
}
function abcjkl(){
  console.log('abcjkl')
}
// 第一种--导出
export default{
  demo,abcjkl
} 

// 第二种--导出
export {
  demo,abcjkl
} 

xxx.js文件

// 第一种导出的-->导入
import func from './utils/func.js' 
Vue.use(func.demo) // 使用

// 第二种导出的-->导入
import {demo,abcjkl} from './utils/func.js' // 需要解构出来
Vue.use(demo)

第二种

ceshi.js文件

const ceshi = {
  shuju:'678678',
  add(){
    console.log('add----')
  },
  cheng(){
    console.log('cheng----')
  }
}
// 导出
export default ceshi

xxx.js文件

// 导入
import ceshi from '../utils/ceshi.js'


console.log(ceshi) // {shuju: '678678', add: ƒ, cheng: ƒ}
console.log(ceshi.shuju)  // 678678