Передача переменных через слот, Vue

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

В моем примере и стили, и текст а шаблоне зависят от item. При любом действии, даже если item не изменился оба метода будут срабатывать. Как можно избежать лишних вызовов, но сохранить при этом слот?

<template slot-scope="{ item }">
          <p :style="myStyle(item)">{{ myText(item) }}</span>
</template>

Ответы (0 шт):