大纲总结

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
Logo

前往低代码交流专区

更多推荐