vue中的import {} from '@/api/api'

例：import {queryDepartTreeList, searchByKeywords} from '@/api/api'

首先查看vue.config.js文件，在這個文件里面定義了定義了@的含義

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
chainWebpack: (config) => {
  config.resolve.alias
    .set('@$', resolve('src'))
    .set('@api', resolve('src/api'))
    .set('@assets', resolve('src/assets'))
    .set('@comp', resolve('src/components'))
    .set('@views', resolve('src/views'))
    .set('@layout', resolve('src/layout'))
    .set('@static', resolve('src/static'))
}
}

 

.set('@api', resolve('src/api')) ，表示 @api 指的是"src/api"路徑 

在該文件下我們可以找到以下函數

 

const queryDepartTreeList = (params)=>getAction("",params);
const searchByKeywords   = (params)=>getAction("",params);

 並且有export將該js中的函數向外暴露

export {
  queryDepartTreeList,
  searchByKeywords,
}

 

 表示將該函數引入當前文件