[JavaScript知识库]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

阅读世界，共赴山海

423全民读书节，邀你共读