Если вы работаете с Vue 3, вы точно сталкивались с ref() и reactive(). Обе функции из Composition API делают значения реактивными — но делают это по-разному. И хотя документация Vue чётко указывает, что использовать в каком случае, она редко объясняет, почему это важно и что может пойти не так, если использовать не тот инструмент.Вот ссылки на официальную документацию — на всякий случай: Читать далее
Сегодня, в седьмом уроке курса по Vue, мы поговорим о вычисляемых свойствах. Эти свойства экземпляра Vue не хранят значения, а вычисляют их. → Vue.js для начинающих, урок 1: экземпляр Vue → Vue.js для начинающих, урок 2: привязка атрибутов → Vue.js для начинающих, урок 3: условный рендеринг → Vue.js для начинающих, урок 4: рендеринг списков → Vue.js для начинающих, урок 5: обработка событий → Vue.js для начинающих, урок 6: привязка классов и стилей Читать дальше →
Vue снова меняет способ обновления интерфейса: теперь на горизонте Vapor и рендеринг без Virtual DOM. Зачем очередная архитектурная перестройка и что не устраивает команду Vue в нынешнем подходе?Чтобы ответить, проследим путь Vue от Object.defineProperty до Proxy и зачем теперь понадобился Vapor. Это поможет лучше понимать поведение ref, reactive и computed, вникнуть в причины архитектурных изменений Vue и подготовиться к дальнейшим изменениям. Читать далее
Сегодня, в шестом уроке курса по Vue, мы поговорим о том, как динамически стилизовать HTML-элементы, привязывая данные к их атрибутам style и привязывая к элементам классы. → Vue.js для начинающих, урок 1: экземпляр Vue → Vue.js для начинающих, урок 2: привязка атрибутов → Vue.js для начинающих, урок 3: условный рендеринг → Vue.js для начинающих, урок 4: рендеринг списков → Vue.js для начинающих, урок 5: обработка событий Читать дальше →