Vue Js: повторно использовать компонент формы для операций добавления / редактирования

Question

Я хотел сделать операцию добавления и редактирования объекта, например, Post. В форме добавления / редактирования есть одинаковые поля. Поэтому я хотел спросить, могу ли я сделать форму как отдельный компонент и использовать ее в добавлении. vue и редактировании. vue? Это лучший способ сделать такие вещи в VueJS?

Я спрашиваю об этом, потому что я посетил много кодов на inte rnet, где авторы не следовали этому подходу и они делают отдельные формы для добавления / редактирования.

Answer 1

Конечно, вы можете использовать один и тот же компонент для обеих операций. Вам просто нужно обработать поток данных (вызвать правильное действие мутации / формы api / graphql)

Answer 2

Вы должны использовать один компонент, так как вы не хотите дублировать код. Очень важно передать идентификатор объекта. Если серверная часть получает объект без идентификатора, он знает, что это операция добавления (выполнить INSERT в БД). Если идентификатор установлен, серверная часть знает, что необходимо обновить.

Answer 3

, если у вас есть форма, в которой большинство компонентов не совпадают, используйте ее в форме. vue и добавьте. vue отредактируйте. vue создайте базовый компонент, если он многоразовый

убедитесь, что данные / состояние контролируются правильно.