Идея Vue MVVM (включая три общих вопроса интервью)

Vue.js

1. Правильно понимать:

MVVM -Model View ViewModel, самое главное этоViewModel.ViewModelВключатьDOM Listenersа такжеData Bindings.

Data Bindingsдля привязки данных кViewНа экране,DOM ListenersИспользуется для наблюдения за операциями.

  • отModelприбытьViewкартирование, то естьData Bindings. Это может опустить многое из нашего руководстваupdate Viewкод и время.

  • отViewприбытьModelМониторы событий, т.DOM Listeners. так что нашModelпоследуетViewИзменено инициированием события. Запрос данных и запрос на просмотр полностьюразъединение(взаимозависимые).


2. Два направления:

Идея MVVM имеет два направления.

  • Один из них — преобразовать модель в представление, то есть преобразовать данные, переданные серверной частью, в страницу, которую вы видите.

Вот как это сделать:привязка данных.

  • Второй — преобразовать представление в модель, то есть преобразовать отображаемую страницу во внутренние данные. Вот как это сделать:Слушатель событий DOM.

Реализация обоих направлений называетсяДвусторонняя привязка данных.


MVC - Model View Controller(контроллер: контроллер),Mа такжеVТо же, что M и V в MVVM,CСсылаться наБизнес-логика страницы. Цель использования MVC — разделить код M и V, но MVC — это односторонняя связь, то есть рендеринг Модели в Представление должен проходить через контроллер.

Разница (родство) между MVC и MVVM не в том, что ViewModel полностью заменяет Controller.

  • ViewModel предназначен для абстрагирования, а не замены функций рендеринга данных в контроллере.
  • Другие операции и т. д. по-прежнему должны быть реализованы в контроллере, таким образом реализуя повторное использование компонентов бизнес-логики.

4. Общие вопросы интервью о Vue

  • В чем идея MVVM?

MVVM -Model View ViewModel, который включает прослушиватели DOM и привязки данных, первый реализует привязку страниц и данных и автоматически отображает страницы при изменении данных. Последний реализует привязку данных к странице, и DOM и Модель также будут соответствующим образом меняться, когда страница манипулирует данными.

  • Преимущества MVVM перед MVC?
  1. MVVM реализует двустороннюю привязку между данными и страницами, тогда как MVC реализует только одностороннюю привязку между моделью и представлением.
  2. MVVM реализует развязку между бизнес-логикой страницы и рендерингом, а также реализует развязку данных и представления и может разрабатываться в компонентах.
  • Как VUE воплощает идею MVVM?
  1. Синтаксис Mustache, реализующий привязку данных и представлений.
  2. v-on привязка события, когда данные обрабатываются через событие, v-модель изменится соответствующим образом.