vue : async / await 的應用

比如有組數據是很多頁面都要用的，我想把它寫在一個js文件里作為公共方法。

public.js 

import axios from 'axios';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
import { get_industrylist } from './api.js'

export const getIndustryList = async function () {    
    let data = await new Promise((resolve)=>{
        axios.post(get_industrylist).then((res) => {
            console.log(res)
            if(res.data.code === 200){
                // console.log('getIndustryList', res.data.data.industrylist)
                  resolve(res.data.data.industrylist)
            }        
        })
    })
    return data    
}

然后在某個頁面里使用它。

Tanant.vue

...
created(){
    getIndustryList().then((v)=>{      
      this.options = v      
    })
  },
...

就是這樣。