vue中使用export default和export
大纲总结
1.export default 中只能抛出一个属性值,export 可以抛出多个属性值;
2.export default 引入文件以后可以直接使用xxx.需要属性
使用,export 引入以后需要import {xxxx} from 'xxxxxx'
xxx.需要属性
;
export default 的使用
实例代码:src/assets/api/index.js
// api 接口模块化
import axios from 'axios'
const apiIndex = {
async getDataApi (method, url, params, data) {
let temp
await axios({
method,
url,
params,
data
}).then(res => {
temp = res
})
return temp
}
}
export default apiIndex
引入:(先引入文件,然后调用即可)
……
import Api from '@/assets/api/index.js'
Vue.use(ElementUI)
Vue.config.prototype.$api = Api
……
export 的使用
// api 接口模块化
import axios from 'axios'
export async function getDataApi (method, url, params, data) {
let temp
await axios({
method,
url,
params,
data
}).then(res => {
temp = res
})
return temp
}
引用:
import {Api} from '@/assets/api/index.js'
Vue.use(ElementUI)
Vue.config.prototype.$api = Api