Vue шаг за шагом. Свойство data. Пример#2


11.03.2020

Компонент с собственными данными

В компонент client добавлены собственные данные (объект data). Обратите внимание, что объект data - это функция. Данные, заполняются при создании компоненты (см. «mounted»). Это пока, в будущем они будут загружаться с сервера. Поскольку компонент, судя из названия, будет работать с данными «Клиенты», и эти данные другим элементам приложения типа «меню» не нужны в принципе, владение собственными данными не считается большим грехом. В большинстве случаев рекомендуется создавать компоненты, которым данные передаются, а своих они не имеют (или если и имеют, то только те, которые необходимы для функционирования компонента). Мы к этому будем стремиться, но в данном случае компонент client — будет родительским компонентом. Именно он будет работать с данными, а другие компоненты только отображать их. И понимание разделения полномочий в дальнейшем упростит построение сложного или масштабного приложения.

Пока в примере такого разделения не просматривается.

Ссылки

Основы компонентов: https://ru.vuejs.org/v2/guide/components.html

Резюме

В этом примере рассмотрен способ создания компонент с собственными данными. Простейшие приемы объявления и работы с собственными данными.

В следующем примере

Будут рассмотрены приемы создания, чтения, обновления, удаления данных (CRUD).

Смотри также:

Web-dev склерозник
Коментарі:
Додати коментар
Code
* - обов'язкові поля

Архіви