с нуля. Урок #5. Условный рендеринг. Директивы x-show и x-if. DOM-узел DocumentFragment.

Привет, друзья! В данном видео мы поговорим про условный рендеринг в . Под условным рендерингом я имею ввиду возможность скрывать или показывать какую-то часть вашего интерфейса при определенных обстоятельствах, т.е. по какому-то условию. Для решения подобных задач предоставляет нам целых две директивы - x-show и x-if. Давайте познакомимся с каждой из них подробнее и разберёмся в их ключевых отличиях. Так же в этом уроке мы подробно рассмотрим такой DOM-узел, как DocumentFragment, на взаимодействии с которым построен принцип работы директивы x-if. 00:00:00 Вступление 00:01:20 Директива x-show 00:03:57 Директива x-if 00:04:51 DocumentFragment 00:06:16 DocumentFragment и x-if 00:10:44 DocumentFragment, x-if и SEO 00:11:29 Анимация x-show и x-if 00:12:39 if-else для x-show и x-if Официальная документация по x-show в 3.X: Официальная документация по x-show в 2.X: #x-show Офи