vue中使用export default和export

大纲总结

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