Сколько собрано
Собираться быстрее, когда видно, как далеко вы продвинулись. Под заголовком покажите, сколько вещей уже собрано, в абзаце с классом count: Собрано: 0 из 7 в начале, Собрано: 1 из 7 после первого нажатия на «Положить» и так далее.
А когда собрано всё, покажите под списком Всё собрано! Хорошей поездки. Если вы снова достанете какую-нибудь вещь, сообщение исчезнет.
Подсказка: число собранных вещей вычисляется из items, поэтому отдельный реф для него не нужен. Напишите функцию, которая считает его и возвращает, и вызовите её в шаблоне, как вы делали с фильтрацией в уроке «Условия и списки». Пригодятся filter() и length. Когда бы ни изменился items, Vue заново отрисовывает шаблон, функция выполняется снова, и число всегда верное.
Задание
- 1
Под заголовком покажите, сколько вещей собрано, в абзаце с классом
count:Собрано: 2 из 7. - 2
Когда собраны все вещи, покажите под списком
Всё собрано! Хорошей поездки.