Рубрика: Vue
-
В разработке современных веб-приложений на Vue.js важно не только писать качественный код, но и правильно организовывать стили. Это помогает поддерживать проект в чистоте, упрощает масштабирование и делает код более читаемым…
-
Vue: Оптимизация рендеринга длинных списков
Оптимизация рендеринга длинных списков в Vue.js — это важная задача, особенно когда речь идет о производительности приложения. Вот несколько подходов, которые помогут улучшить рендеринг длинных списков:
-
Vue: Создание гибкой таблицы в с использованием компонентов и слотов
В этой статье мы рассмотрим, как создать гибкий и переиспользуемый компонент таблицы в Vue. Особенность этого подхода заключается в том, что колонки и их слоты для кастомизации данных описываются внутри компонента колонки (MyTableColumn), что делает таблицу более декларативной и удобной…
-
Vue: таблица с группировкой рядом стоящих строк с одинаковым значением
Создадим компонент GroupedTable, который будет принимать массив items и имя свойства, по которому будет происходить группировка.
-
Vue: таблица с прилипающей шапкой и горизонтальным скролом
В современных веб-приложениях таблицы часто используются для отображения больших объемов данных. Однако, когда таблица становится слишком длинной или широкой, пользователи могут столкнуться с проблемами навигации.
-
Vue: таблица со слотами для значений
В Vue.js использование слотов (slots) позволяет создавать гибкие и переиспользуемые компоненты, включая таблицы. Слоты позволяют вставлять произвольное содержимое в определённые места компонента. В случае с таблицей, вы можете использовать слоты для кастомизации отображения строк, ячеек, заголовков и других элементов.
-
Vue: как объявить debounce метод
В Vue.js вы можете объявить метод с debounce (задержкой) с помощью сторонних библиотек, таких как `lodash`, или вручную, используя `setTimeout`