Vuex 借助actions 第三方api

1、actions

addPersonApi(context){
    axios.get('https://random-data-api.com/api/name/random_name').then(
        response=>{
           
            context.commit('ADD_PERSON', {id:nanoid(), name: response.data.name})
        },
        error=>{
            console.log(error.message)
        }                
    )
}

2、使用

addPersonApi(){
    this.$store.dispatch('personOptions/addPersonApi')
}