О чем вас спросят на собеседовании vue.js в 2019

  1. Что такое vue.js ⭐
    Ответ

    Vue — это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от фреймворков-монолитов, Vue создан пригодным для постепенного внедрения. Его ядро в первую очередь решает задачи уровня представления (view), что упрощает интеграцию с другими библиотеками и существующими проектами. С другой стороны, Vue полностью подходит и для создания сложных одностраничных приложений (SPA, Single-Page Applications).

  2. Как создать новый экземпляр Vue ⭐
    Ответ

    Каждое Vue приложение начинается с создания нового экземпляра Vue:

                        
                            var vm = new Vue({
                            // options
                            })
                        
                    

  3. Основные особенности Vue.js ⭐
    Ответ
    • Реактивность
    • Обработка событий
    • Шаблоны
    • Компоненты
    • Роутинг
    • Легкий
  4. Что такое вычисляемые свойства ⭐⭐
    Ответ

    Изменения в определенном свойстве, которое должно быть реактивным, отслеживаются в Vue через data. Вычисляемые свойства позволяют определять свойства, которые используются точно так же, как data, но также могут содержать пользовательскую логику, которая кэшируется в зависимости от зависимостей. Можно считать вычисляемые свойства другим взглядом на data.

    • Собирают зависимости и при изменении данных производится перерасчёт
    • Ленивые — рассчитываются только при обращении к ним
    • Зависят от data, props или других вычисляемых свойств
    • Возвращают новое значение
  5. Что такое Vue CLI ⭐⭐
    Ответ

    Это полноценная система для быстрой разработки на Vue.js

    Vue CLI стремится стать стандартным инструментарием для экосистемы Vue. Он обеспечивает бесперебойную работу различных инструментов сборки, устанавливает разумные значения по умолчанию, поэтому вы сможете сосредоточиться на разработке приложения, а не проводить дни за его настройкой. В то же время, остаётся гибкость настройки конфигурации каждого инструмента без необходимости извлечения конфигурации в отдельный файл.

  6. Что такое компонент ⭐⭐
    Ответ

    Компоненты — это переиспользуемые экземпляры Vue со своим именем

    Компонентный подход помогает выстраивать архитектуру приложения. Сложную страницу можно разбить на маленькие компоненты, которые легче поддерживать.

  7. Расскажите о жизненном цикле экземпляра Vue ⭐⭐
    Ответ

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

    хуки vue.js
  8. Что такое Vuex ⭐⭐⭐
    Ответ

    В центре любого Vuex-приложения находится хранилище. «Хранилище» — это контейнер, в котором хранится состояние вашего приложения. Два момента отличают хранилище Vuex от простого глобального объекта:

    • Хранилище Vuex реактивно. Когда компоненты Vue полагаются на его состояние, то они будут реактивно и эффективно обновляться, если состояние хранилища изменяется.
    • Нельзя напрямую изменять состояние хранилища. Единственный способ внести изменения — явно вызвать мутацию. Это гарантирует, что любое изменение состояния оставляет след и позволяет использовать инструментарий, чтобы лучше понимать ход работы приложения.
  9. Что такое миксины Vue.js ⭐⭐⭐
    Ответ

    Миксины позволяют вам инкапсулировать часть функциональности, чтобы вы могли использовать её в разных компонентах. Правильно написаныне миксины не изменяют ничего вне своей области действия.

  10. Как лучше всего создать константу, доступную из всего приложения в VueJs ⭐⭐⭐
    Ответ
                        Создать отдельный файл с константами.
                        
                            //file const.js
                            export default {
                                const1: 'Constant 1',
                                const2: 'Constant 2'
                            }
                        
                    

4 комментария