Добрый вечер, помогите разобраться как правильней сделать, есть компонент где

Question

Добрый вечер, помогите разобраться как правильней сделать, есть компонент где

к примеру надо посчитать тотал, пробовал два варианта, какой из них более правильный или оба не правильны, почему не рекомендуется изменять напрямую данные ?
1 вариант (использую methods)
handlerSubtotal() {
return (this.order.subtotal = this.orderItems
.reduce((a, b) => a + b.ExtendedPrice, 0)
.toFixed(2));
},
2 вариант (computed)
handlerSubtotal() {
const subtotal = this.orderItems
.reduce((a, b) => +a + +b.ExtendedPrice, 0)
.toFixed(2);
this.$store.commit("order/SET_SUB_TOTAL", subtotal);
return this.order.subtotal;
},

#frontend #javascript #programming #russian #vue.js

0

06.10.2020

9 ответов

13 просмотров

Yevhen Автор вопроса

zxc 🌿
мутировать что б не потерять реактивность вроде ка...

оба варианта работают без ошибок, хочу для себя прояснить как правильней а как лучше не делать

0

06.10.2020

zxc 🌿

Yevhen
оба варианта работают без ошибок, хочу для себя пр...

у тебя this.order.subtotal в сторе?

0

06.10.2020

Yevhen Автор вопроса

zxc 🌿
у тебя this.order.subtotal в сторе?

да order я через getter беру в компоненте

0

06.10.2020

zxc 🌿

Yevhen
да order я через getter беру в компоненте

Напрямую ты меняешь this.order.subtotal в компоненте, попробуй консоль логнуть со стейта или с геттера order.subtotal после вычесления по моему он не поменяется

0

06.10.2020

Yevhen Автор вопроса

zxc 🌿
Напрямую ты меняешь this.order.subtotal в компонен...

он меняется если я делаю в methods если делать через computed то для обновления мутацию вызвать или через this.$set

0

06.10.2020

zxc 🌿

Yevhen
он меняется если я делаю в methods если делать чер...

в стейте меняется? лол

0

06.10.2020