Vue подготовка к собеседованию Flashcards
Что такое Vue.js?
Vue - это прогрессивный фреймворк для создания пользовательских интерфейсов, который был разработан для постепенного внедрения. Его основная библиотека ориентирована исключительно на уровень представления, поэтому ее можно легко интегрировать с другими проектами или библиотеками.
Но в отличие от React, Vue предоставляет сопутствующие библиотеки для маршрутизации и управления состоянием, которые официально поддерживаются и постоянно обновляются вместе с основной библиотекой.
Каковы основные особенности Vue.js?
Виртуальный DOM: Vue использует виртуальный DOM, аналогичный другим фреймворкам, таким как React, Ember и т. д.
Компоненты: Компоненты являются основным строительным блоком для многоразовых элементов в приложениях Vue.
Шаблоны: Vue использует шаблоны на основе HTML.
Маршрутизация: Vue предоставляет собственный маршрутизатор.
Встроенные директивы : например, v-if или v-for.
Легкость: Vue - легкая библиотека по сравнению с другими фреймворками.
Что такое вычисляемые свойства?
Вычисленные свойства следует использовать для удаления из шаблонов как можно большего количества логики, поскольку в противном случае шаблон станет раздутым и его будет труднее поддерживать. Если у вас сложная логика, включая реактивные данные в вашем шаблоне, вы должны вместо этого использовать вычисляемое свойство.
Вместо методов кэшируются вычисляемые свойства на основе их реактивных зависимостей. Вычисляемое свойство будет переоцениваться только после изменения некоторых его реактивных зависимостей.
Какие жизненные циклы и соответствующие хуки доступны во Vue?
Каждый экземпляр компонента Vue при создании проходит через серию шагов инициализации. Например, ему необходимо настроить наблюдение за данными, скомпилировать шаблон, подключить экземпляр к DOM и обновить DOM при изменении данных. Попутно он также выполняет главные функции, называемые перехватчиками жизненного цикла, что позволяет нам выполнять собственный код на определенных этапах.
Крючки создания ( beforeCreateи created) позволяют нам выполнять действия еще до того, как компонент будет добавлен в DOM. Эти хуки также выполняются во время рендеринга на стороне сервера. createdКрюк идеальный жизненный цикл крюк для запуска HTTP запросов и заполнения каких - либо исходных данных , что потребности компонентов.
Монтажные крючки ( beforeMount, mounted) часто являются наиболее часто используемыми и позволяют нам получить доступ к компоненту непосредственно до и после первого рендеринга. mountedКрюк идеальное время для интеграции 3 - библиотек или для доступа к DOM.
Перехватчики обновления ( beforeUpdate, updated) вызываются всякий раз, когда изменяется реактивное свойство, используемое компонентом, или что-то еще вызывает его повторную визуализацию. В updatedхуке DOM и модель синхронизированы, в то время как в beforeUpdateхуке обновляется только модель, но не DOM.
Перехватчики уничтожения ( beforeDestroy, destroyed) позволяют нам выполнять действия при уничтожении компонента, такие как очистка или отправка аналитики. В beforeDestroyхуке у нас все еще есть доступ к экземпляру Vue и мы можем, например, генерировать события. destroyedэто идеальное место для окончательной очистки, например, удаления прослушивателей событий.
Существует дополнительный интересный крючок жизненного цикла, называемый errorCaptured, который вызывается, когда фиксируется ошибка любого дочернего компонента.
Этот хук получает три аргумента: ошибку, экземпляр компонента, который вызвал ошибку, и строку, содержащую информацию о том, где была обнаружена ошибка. Хук может вернуть false, чтобы ошибка не распространялась дальше.
