vue
(22)
Нова директива v-slot у Vue
Минулого тижня відбувся реліз 2.6.0-beta.3 версії Vue.js. Серед нововведень – фіча, яка спрощує слоти з обмеженою областю видимості. У статті ознайомимось з директивою v-slot та її скороченням (зазначена у RFC-0001 та RFC-0002). Щоб дійсно відчути як...
Codeguida · 15 лютого 2019 · 34
5 бібліотек для Vue.js, без яких мені не обійтися
Досвідчені розробники знають, що іноді, намагаючись заощадити час і вирішити якісь завдання свого проєкту за допомогою пакета, створеного кимось іншим, можна, в підсумку, витратити більше часу, ніж було зекономлено. Бібліотеки, жорстко регламентують...
Alex · 08 вересня 2020 · 349
Використання міксинів у Vue.js
Це звичайна ситуація: у вас є два компоненти, які дуже схожі. У них одна і та сама базова функція, але в кожному з них є достатньо різного для того, щоб ви опинилися на роздоріжжі: чи розбити цей компонент на два окремі компоненти? Чи краще зберегти...
Codeguida · 01 вересня 2017 · 1
UI-фреймворки та бібліотеки JavaScript
UI-бібліотеки та фреймворки містять компоненти й утиліти, що допомагають створювати гармонійні користувацькі інтерфейси. В них можна знайти різні теми для стилізації або ж елементи для чіткої й послідовної взаємодії. Звичайно, ви можете розробити ад...
Codeguida · 10 березня 2020 · 134
10 порад для створення масштабних проєктів Vue.js
З'ясуємо, як найкраще працювати з масштабними проєктами на Vue.js. 1. Використовуйте слоти, аби ваші компоненти були зрозумілішими й потужнішими Історія з життя. Якось розробнику треба було зробити звичайне спливне вікно. Нічого складного: просто заг...
Codeguida · 19 листопада 2019 · 9
15 must-have директив Vue для підвищення продуктивності
Надихнувшись AngularJS, Vue пропонує власні вбудовані директиви (на зразок v-html чи v-once), які обов'язково стануть у пригоді при розробці. З повним переліком вбудованих директив можна ознайомитись за посиланням. Ба більше, ви можете створити власн...
Codeguida · 17 жовтня 2019 · 18
Створюємо свій перший Vue.js компонент
Неважливо, наскільки добре задокументований фреймворк. Цього все одно недостатньо. Ознайомлення з теорією не завжди допомагає самостійно реалізувати отримані знання. У цій статті ми створимо систему оцінювання за кількістю зірок й будемо посилатись н...
Codeguida · 07 лютого 2018 · 10
Результати щорічного опитування State of JavaScript
Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...
Codeguida · 15 січня 2018 · 5
Vue Router — посібник, якого бракувало
Окрім маніпуляцій з DOM, обробки подій, форм та компонентів, кожен SPA фреймворк повинен мати дві основні функції, якщо він націлений на використання у великомасштабних застосунках: Роутинг на стороні клієнта. Явне управління станом (часто односпрям...
Codeguida · 01 листопада 2018 · 18
Створення десктопного застосунку з Vue: Electron
Створимо застосунок для перевірки погоди у місті за вибором користувача на основі API OpenWeatherMap. Інструментарій: OpenWeatherMap API Electron Щоб швидко розпочати, використаємо electron-vue – шаблон, що надає vue-cli, базові Vue плагіни, па...
Codeguida · 16 листопада 2018 · 8
Можливо, вам не потрібен Vuex
Vuex — бібліотека для управління станом вебзастосунків, вона досить проста та легко інтегрується з Vue. То навіщо ж комусь відмовлятись від неї? Річ у тім, що новий Vue 3 з коробки пропонує реактивність, а також нові способи структурування застосунку...
Codeguida · 06 серпня 2020 · 7
Продуктивна реєстрація компонентів у Vue
Якщо ви мали справу з Однофайловими компонентами, ви, скоріше за все, знаєте як «викликати» компонент з іншого компоненту: Робимо import дочірнього компонента; Реєструємо його в об'єкті components батьківського компонента; Додаємо компонент до templ...
Codeguida · 08 лютого 2019 · 5