Как вызвать метод, при изменении данных?

Question

[WebDev]

<ul>
    <li v-for="user in users">{{ showName(user) }}<li>
</ul>

...
methods: {
    showName(user) {
        if (user.name && !user.lastname) {
            return 'Some value';
        } else if (...) {
            ...
        } else {
            return user.name;
        }
    }
}
...

В коде выше у меня может измениться какое-нибудь значение в списке users, но метод showName не будет перевызван. Что делать? Фильтры можно использовать, когда я передаю значение конкретное, а тут у меня объект и по условию я возвращаю разные поля объекта.

Answer 1

[Evgeny Kulakov]

Должно поменяться, добавьте key:

<li v-for="user in users" :key="user.id">{{ showName(user) }}<li>

Answer 2

[hopeful_romantic]

попробуй computed

computed: {
        showName(user) {
            if (user.name && !user.lastname) {
                return 'Some value';
            } else if (...) {
            ...
            } else {
                return user.name;
            }
         }
      }

Answer 3

[Маленький Вася]

хук createad()