Что произойдёт, если не использовать динамический :key, а передать строку?

Во Vue наличие : перед key определяет, как интерпретируется значение.

Как Vue читает key

Сравним два варианта:

<li v-for="item in items" key="id"></li>
<li v-for="item in items" :key="item.id"></li>

В первом случае key="id" — это обычная строка "id".
Во втором — значение берётся из данных.

Последствия статического key

Если все элементы имеют одинаковый key:

• Vue считает их одним и тем же элементом

• DOM-узлы переиспользуются некорректно

• состояние компонентов путается

Почему ошибка не всегда заметна

Проблема может проявиться только:

• при изменении порядка элементов

• при добавлении или удалении элементов

• при работе с формами и анимациями

Краткий вывод

key без : превращается в строковый литерал и делает список логически некорректным.