vue中函数的封装和调用

1.利用export default

let fn ={
	set(){
		console.log('set')
	},
	get(){
		console.log('get')
	},
	post(){
		console.log('post')
	}
}

export default fn

vue里引用

import fn from '@/xxx.js'  //xxx.js的路径，这里是当前文件夹

 vue里直接用就行啦

created(){
	fn.get()
}

2.通过export方式导出

注：通过export方式导出，在导入时要加{ }，export default则不需要

export function subtraction (a,b){
    return a + b
}

vue里引用

import { subtraction } from '@/components/basejs/subtraction.js'

vue里也是直接用就行

created(){
	this.num = subtraction(2,11)
}

注：export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，在一个文件或模块中，export、import可以有多个，export default仅有一个