что-то типо такого:
<span v-bind="media(max-width: 991px)"><i class="far fa-chevron-right"></i></span>
если ширина вьюпорта меньше такой-то, то отрисовать. Если нет -не показывать. Вроде где-то видела такое но не помню точно.
Зачем Вам такое?
Не понятно что Вам предоставляет это решение
https://vueuse.org/core/useMediaQuery/
Чтобы рендерить или не рендерить что-то в зависимости от того, какого размера экран, например
Это даёт прирост в производительности
При чем тут производительность. Просто тебе может быть не надо рендерить что-то, когда сайт открыт на телефоне)
например на больших разрешениях у кнопки есть текст(тянется из json) и иконка. А на маленьких разрешениях только иконка
спасибо, это вроде то что надо)
для декларативности что ли? иначе я не вижу смысла решать на JS, то что можно сделать на CSS
Ну вот скрываешь ты какой-нибудь компонент. Он в себе запрос дёргает. То что ты ему через css накинешь display none - запрос не отменит
Обсуждают сегодня