Основы разработки фронтенда - Основы компонентов - Вывод переменных

В компонент переменные могут поступать разными способами. Но, не зависимо от способа поступления переменной и её типа, для вывода их значений в тэге template можно воспользоваться диррективой {{}}.

Вывод переменной строки или числа:

{{user_name}}

Вывод переменной объекта

{{user.name}}

Вывод массива

Hello, {{ user.name }}, from {{ user.location.city }}!

Обратите внимание, что если нужно добавить значение переменной в атрибут к какому-нибудь тэгу, для этого можно воспользоваться диррективой :.

 :key="user.id"