Лабораторная работа №5 - Vue.js

Задача 1: Привет, Vue!

Привет, {{ name }}!

Задача 2: Реактивный счётчик

Счётчик: {{ counter }}

Задача 3: Условный рендеринг

Это описание, которое можно показывать или скрывать с помощью кнопки.

В этом задании используется директива v-if для условного рендеринга.

Задача 4: Список элементов

{{ index + 1 }}. {{ user.name }} ({{ user.age }} лет)

Задача 5: Мини-форма

{{ index + 1 }}. {{ user.name }} ({{ user.age }} лет)

Задача 6: Вычисляемые свойства

Число: {{ number }}

Квадрат: {{ squared }}

Куб: {{ cubed }}

Задача 7: Watch и жизненный цикл

Текущее время: {{ currentTime }}
{{ greeting }}