vue中如何封装公共方法

1,新建api.js

let api={

set(){

console.log('set')

},

get(){

console.log('get')

},

post(){

console.log('post')

}

}

export default api

-------------------------------

2,在组件中引入

importapifrom'@/api'

3,使用api

created:function(){

    api.get() //打印出get

},

---------------------------------------------------------------------------------------------------------------------------------------------------export跟export default 有什么区别呢?

1、export与export default均可用于导出常量、函数、文件、模块等

2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用

3、在一个文件或模块中,export、import可以有多个,export default仅有一个

4、通过export方式导出,在导入时要加{ },export default则不需要

通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。