По 10ти бальной шкале извращения оцените данный подход: Сначала мы делаем

Question

По 10ти бальной шкале извращения оцените данный подход: Сначала мы делаем

это
this.$router.push( {
name: 'ShopProductPage',
params: {
product: JSON.stringify( this.product ),
productId: 1,
},
} )

Потом это

{
...
name: 'ShopProductPage',
props: ( route ) => {
return {
productId: route.params.productId,
productProp: route.params.product ? JSON.parse( route.params.product ) : null
}
}
}

Ну и в компоненте вот это

setProductOnInit () {
if ( this.productProp !== null ) {
return this.productProp
} else if ( this.productId !== null ) {
return this.$store.dispatch( 'product/outFetchProductById', this.productId )
} else {
throw new Error()
}
}

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

0

28.01.2022

3 ответов

18 просмотров

Dmitry TTT Автор вопроса

Artyom Tuchkov
10/10, бесполезный код

Почему?

0

28.01.2022

Artyom Tuchkov

Dmitry TTT
Почему?

потому что ты пытаешься переизобрести “кэширование” костылями через роутер, для чего он, естественно, не предназначен если я перезагружу страничку, то вся вот эта стена проверок развалится и все равно будет сделан новый запрос если у тебя апи не выдерживает лишних запросов, то нужно кэшировать в первую очередь запросы на уровне сервера, а не через клиентский роутер

0

28.01.2022

Artyom Tuchkov · Accepted Answer

Artyom Tuchkov

10/10, бесполезный код

0

28.01.2022

169 похожих чатов

По 10ти бальной шкале извращения оцените данный подход: Сначала мы делаем

3 ответов

Похожие вопросы