export导出与import引入

最新推荐文章于 2023-06-30 08:30:00 发布

m0_52611940

最新推荐文章于 2023-06-30 08:30:00 发布

阅读量428

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/m0_52611940/article/details/127385700

版权

本文详细介绍了JavaScript中的模块化机制，包括export的分别暴露、统一暴露和默认暴露，以及import的解构引入和默认引入方式。通过示例展示了如何在代码中导入和导出函数，还提到了全局引入并将其挂载到Vue实例上以供使用的方法。

摘要由CSDN通过智能技术生成

export导出与import引入

//分别暴露
export function fun () {
  alert('ikun')
}
//统一暴露
function fun () {
  alert('ikun')
}
export {
  fun
}
//默认暴露
function fun () {
  alert('ikun')
}
export default {
  fun
}

//分别暴露，同意暴露可以解构引入
import {fun} from './js'
//默认暴露直接引入
import common from './js'
common.fun()

//全局引入
 import fun from './utils/common.js'
Vue.prototype.$fun = fun
使用：this.$fun.fun()