Публикации по теме 'vuejs'


Composition API Vue имеет серьезные проблемы
В прошлом месяце я опубликовал спорную статью , в которой обсуждал множество недостатков написания и масштабирования веб-приложения с использованием Vue. Во многих ответах упоминается новый Composition API как потенциальное решение некоторых из этих проблем. Признаюсь, когда я писал эту статью, я имел о ней лишь поверхностное представление, поэтому решил изучить ее более тщательно. Сначала это казалось многообещающим. Composition API, разработанный для упрощения повторного..

Композиция компонентов Vue.js со слотами с заданной областью
В предыдущем посте мы рассмотрели слоты и назвали слоты, чтобы очень гибко компоновать наши компоненты и контент. Но есть одна загвоздка, которую мы не обсуждали. Контент, который мы передаем в наш слот, находится в контексте родительского компонента, а не дочернего компонента. Это звучит довольно абстрактно, давайте создадим пример компонента и исследуем проблему дальше! Пример списка предметов Вероятно, наиболее каноническим примером такого сценария является список задач, в котором..

Vue.js 3: открывая будущее фронтенд-разработки с помощью потрясающих новых функций
В быстро меняющемся мире веб-разработки крайне важно оставаться на передовой. Vue.js , известный своей простотой и универсальностью, совершил качественный скачок вперед с выпуском Vue.js 3. В этой статье мы отправимся в путешествие по последней версии Vue.js, изучая его новаторские возможности. функции и улучшения, которые обещают изменить ландшафт фронтенд-разработки. Если вы веб-разработчик или просто энтузиаст, интересующийся последними тенденциями, вы не захотите пропустить это..

Vue: обмен данными между директивами
Вступление Создание директив в Vue может быть мощным инструментом для повторного использования в приложении. От простой обработки DOM до сложных проверок, директивы могут быть чистым способом реализации решений, которые делают разработку внешнего интерфейса быстрее и проще. Однако бывают случаи, когда в директиву необходимо передать много информации. Вот где дизайн директивы дает множество вариантов. Один из способов сделать это - передать конфигурации через объект. Например:..

TypeScript: что это такое и как его использовать
Введение Если вы разработчик программного обеспечения, скорее всего, вы слышали о TypeScript. Но что это такое и почему вы должны его использовать? TypeScript — это строго типизированный объектно-ориентированный язык программирования, расширяющий JavaScript. Он быстро набирает обороты, и разработчики с любым уровнем опыта начинают это замечать. TypeScript не только обеспечивает надежную среду разработки для создания приложений, но также обеспечивает такие преимущества, как сокращение..

Привет Виктор,
Привет Виктор, Мне удалось включить «роли» пользователей в таблицу, но я не могу заставить функцию поиска включить их. Здесь добавлена ​​колонка: let columns = [ {label: 'Name', name: 'name' }, {label: 'Email', name: 'email' }, {label: 'Roles', name: 'roles'}, ]; И строка была добавлена ​​​​таким образом: <td>{{user.name}}</td> <td>{{user.email}}</td> <td> <div v-for="(role, index) in user.roles" :key="index"> <span..

Новичок в мире: как выглядит современный Nuxt.js! Часть I
Nuxt.js — это бесплатная платформа с открытым исходным кодом, которая предлагает интуитивно понятный и расширяемый способ создания типобезопасных, производительных и полнофункциональных веб-приложений и веб-сайтов производственного уровня с использованием Vue.js. Делая акцент на простоте, Nuxt позволяет разработчикам погрузиться прямо в написание файлов Vue, наслаждаясь горячей заменой модулей в процессе разработки и оптимальной производительностью приложений в рабочей среде с..