How to call a function with parameter passing inside v-if?

Question

Vue.js

Hello.
There is this code:

<li v-for="(todo, index) in todos">
      <div v-if="index === 1">{{ todo.text }}</div>
</li>

Let's say my test condition is much more complicated and larger than comparison with one. Can it somehow be moved to a hotel function? I tried like this, but I get an error.:
<div v-if="isVisible(index)">{{ todo.text }}</div>

computed: {
    isVisible(index) {
      return index === 1;
    }
  }

Answer 1

Technically , 0xD34F is correct.
Architecturally, in v-for, it is not advisable to use complex calculations, it is correct to make a computed property that returns a prepared and filtered array of the right kind right away.