Есть 1 вариант,
methods: {
...mapActions('module name', ['getData'])
},
mounted() {
this.getData();
},
actions: {
async getData({ commit }) {
try {
const response = await axios.get(url);
commit('mutation name', response.data);
} catch (e) {
console.error(e);
}
},
},
и 2 второй вариант, если мне в самом компоненте получить результат запроса
methods: {
...mapActions('module name', ['getData'])
},
mounted() {
this.getData().then((res) => {
if(res.status !== 200) {
console.log('Error')
}
});
},
actions: {
async getData({ commit }) {
try {
const response = await axios.get(url);
commit('mutation name', response.data);
return response;
} catch (e) {
console.error(e);
return null;
}
},
},
Правильно ли так писать?
И второй вопрос, часто вижу, когда вместо try/catch используют
axios.get(url)
.then()
.catch(e)
.finally()
async getData({ commit }) {
return await axios.get(url).then((res) => {
commit('mutation name', res.data)
}).catch(e => console.error(e));
}
},
Какой вариант предпочтительнее?
Простой
