Есть ли возможность ввести переменные в v-bind?

Question

[Igor Koch]

// Два раза в одном элементе вызывается "specializations.indexOf(sub_category.id)" 
// Как в элементе сохранить результат первого вычиcления и не вызывать два раза одну функцию? 

// Например:
<div class="col-md-6" v-for="sub_category in category.sub_categories" :key="sub_category.id">
  <div class="form-check form-check-inline">
    <input 
      class="form-check-input" 
      type="checkbox"
      @change="updateSpecialization(sub_category.id, $event.target.checked)"
      :disabled="user.specializations.length >= 5 && specializations.indexOf(sub_category.id) < 0"
      :checked="specializations.indexOf(sub_category.id) >= 0"
      :id="`sub-cat-${sub_category.id}`">
    <label class="form-check-label" :for="`sub-cat-${sub_category.id}`">
      {{ sub_category.title }}
    </label>
  </div>
</div>

Answer 1

[Антон Швец]

computed
А если тебе надо что-то сохранять "в элементе", то пора выделять его в отдельный компонент.