# Специальные атрибуты

# key

Ожидает: number | string | symbol

Специальный атрибут key в первую очередь нужен в качестве подсказки для Vue и его алгоритма виртуального DOM для идентификации VNode при сравнениях обновлённого списка узлов со старым. Без ключей Vue использует алгоритм, который минимизирует перемещения элементов и по-максимуму будет стараться изменять/переиспользовать элементы одного типа. При использовании ключей элементы будут переупорядочиваться в соответствии с изменением порядка следования ключей, а элементы, чьи ключи уже отсутствуют, будут всегда удаляться/уничтожаться.

Потомки одного и того же общего родителя должны иметь уникальные ключи. Появление дубликатов ключей будет приводить к ошибкам при отрисовке.

Наиболее частый случай использования вместе с v-for:
```
<ul>
  <li v-for="item in items" :key="item.id">...</li>
</ul>
```
1
2
3
Но также можно использовать его для принудительной замены элемента/компонента вместо переиспользования. Это может пригодиться, когда потребуется:
- Корректно вызвать хуки жизненного цикла компонента
- Вызвать анимации перехода
Например:
```
<transition>
  <span :key="text">{{ text }}</span>
</transition>
```
1
2
3
При изменениях значения text, элемент <span> будет всегда заменяться целиком, вместо обновления содержимого, а значит и анимация перехода будет запущена.

# ref

Ожидает: string | Function

Атрибут ref используется для регистрации ссылки на элемент / дочерний компонент. Она будет добавляться в объект $refs родительского компонента. При использовании на обычном DOM-элементе ссылка будет указывать на этот элемент; при использовании на дочернем компоненте ссылка будет указывать на экземпляр компонента:
```

<p ref="p">hello</p>


<child-component ref="child"></child-component>


<child-component :ref="(el) => child = el"></child-component>
```
1
2
3
4
5
6
7
8
Важное примечание о времени регистрации ref-ссылок: поскольку ref-ссылки создаются в результате функции отрисовки, нет возможности получить к ним доступ при начальной отрисовке — потому что их ещё не существует! Свойство $refs также нереактивно, поэтому не стоит использовать его в шаблонах для привязки данных.
См. также: Ссылки на элементы шаблона

# is

Ожидает: string | Object (объект опций компонента)

Используется для динамических компонентов.

Например:
```

<component :is="currentView"></component>
```
1
2
Использование на нативных элементах 3.1.0+

Когда атрибут is используется на нативном HTML-элементе, то он интерпретируется как пользовательский встроенный элемент (opens new window). Это нативная возможность веб-платформы.

Но есть случаи, когда может потребоваться, чтобы Vue заменил нативный элемент на компонент Vue, как например в разделе особенностей парсинга DOM-шаблона. В таком случае можно добавить значению атрибута is префикс vue:, чтобы Vue вместо элемента отрисовал компонент Vue:
```
<table>
  <tr is="vue:my-row-component"></tr>
</table>
```
1
2
3
См. также:
- Динамические компоненты
- RFC объясняющий необходимость изменения (opens new window)

← Директивы Встроенные компоненты →