Добрый день. Подскажите плз. есть ли какой нибудь способ закэшировать

Question

Добрый день. Подскажите плз. есть ли какой нибудь способ закэшировать

данные прямо в шаблоне?
Например
<div v-if="getData()">
{{getData()}}
что б функция 2 раза не дергалась ?
Интересует именно в шаблоне - в компоненте и в функции понятно как

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

0

29.12.2021

12 ответов

17 просмотров

Artyom Tuchkov

если вью 3.2+, то через v-memo https://v3.vuejs.org/api/directives.html#v-memo если нет, то либо объявляй у нее явные зависимости и выноси в computed, либо пиши свое кэширование

0

29.12.2021

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

Artyom Tuchkov
если вью 3.2+, то через v-memo https://v3.vuejs.or...

Спасибо. Vue второй. computed параметры не дадут. Придется писать. :(

0

29.12.2021

Artyom Tuchkov

Vladimir
Спасибо. Vue второй. computed параметры не дадут....

ну параметры-то откуда-то берутся, если они заранее известны, то ты все еще можешь посчитать все заранее в computed

0

29.12.2021

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

Artyom Tuchkov
ну параметры-то откуда-то берутся, если они заране...

Параметры берутся из v-for. getData не асинхронная. Ну да можно сбоку к основному списку еще список результатов держать. Ну вобщем вариантов как разрулить много .... тока лень :)

0

29.12.2021

Artyom Tuchkov

Vladimir
Параметры берутся из v-for. getData не асинхронна...

ну так создай computed, где проходишься по циклу и высчитываешь getData() что там лень, 3 строчки написать?

0

29.12.2021

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

Artyom Tuchkov
ну так создай computed, где проходишься по циклу и...

Ну это уже философский вопрос :) Был бы способ - я б сделал и не думал. А тут теперь думаю - не преждевременная ли это оптимизация :)

0

29.12.2021

Grigorii K. Shartsev

Именно в такой формулировке вопроса, проблему можно решить на уровне мемоизации самой функции без участия Vue. (но лучше так всё равно не делать)

0

29.12.2021

Grigorii K. Shartsev

Vladimir
Ну это уже философский вопрос :) Был бы способ - я...

С вызовом методов в шаблоне надо всегда аккуратно. Нужно, чтобы у метода не было побочных эффектов, метод не был асинхронный, не был медленным. Возможно, если покажешь пример задачи, которую так пытаешься решить, тут предложат варианты подходящие)

0

29.12.2021

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

Grigorii K. Shartsev
Именно в такой формулировке вопроса, проблему можн...

Спасибо. Тут вроде все понятно. Просто думал немного жизнь упростить. Судя по тому что в vue3 сделали v-memo - мне не одному это в голову прихолдило :)

0

29.12.2021

Grigorii K. Shartsev

Vladimir
Спасибо. Тут вроде все понятно. Просто думал немно...

v-memo про рендеринг. В твоём примере всё также метод будет вызываться дважды.

0

29.12.2021

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

Grigorii K. Shartsev
v-memo про рендеринг. В твоём примере всё также ме...

Почитал - да, не то что я думал - не мой случай. Да и 3го vue нет

0

29.12.2021