Верное ли решение применить миксины в форме добавления категорий?

Question

[Сергей Хлопов]

Здравствуйте, есть у меня компонент form-category в нём находиться форма добавления категории и логика там вся (валидакция, дополнительные ещё компоненты для формы и т.д.) я решил этот компонент использовать и при редактировании категорий, но столкнулся с такой проблемой, когда категорию успешно добавлена то я очищаю форму, а при редактировании мне не хотелось бы очищать форму когда категория успешно отредактирована, и скорее всего я ещё столкнулся бы с множеством функций которые не хотелось бы выполнять при редактировании, поэтому решил общий функционал редактирования, добавления вынести в мексин (валидация и т.д.), а после этого создать новый компонент к примеру form-category-update и его использовать на редактировании.

В итоге получается:

1. form-category - компонент добавление категории и к нему подключен миксин с общим функционалом (валидация и т.д.)
   
2. form-category-update - компонент редактирования категории и к нему подключен миксин с общим функционалом...
   

Ну и сам миксин собственно который подключается в form-category и в form-category-update.

Подскажите пожалуйста верное ли это решение ? Просто сейчас я думаю о том что тогда мне придется в редактировать разметку компонента в двух местах если вдруг что то захочу добавить, в form-category и в form-category-update. Заранее благодарю за ответ.

Comments

[Максим]

Попробуй свой код повторить на каком-нибудь jsfiddle, так сложно что-либо говорить.

[Сергей]

Попробуй оставить 1 компонент, и передавай в props параметр, который будет отвечать за то, очищать форму или нет. А внутри, и в том числе в миксинах можешь проверять этот параметр

[Сергей Хлопов]

Сергей, благодарю за ответ, да, думал об этом, но я так думаю что это усложнит компонент, т.к. у меня там не только очистка полей но и ещё сообщение, когда добавляется категория пишется что "категория добавлена успешно" а когда редактирование необходимо писать "категория успешно отредактирована", вообще пришел к миксинам из за данной статьи https://medium.com/devschacht/using-mixins-vue-js-...
Начало её вот:

Как это обычно бывает: у нас есть два во многом похожих компонента, имеющих одинаковую базовую функциональность, но достаточно появления минимального отличия, чтобы встал вопрос, делать два разных компонента или же сделать один компонент, меняя необходимые параметры через props?
Ни одно из решений не является идеальным: если вы примете решение разделить на два компонента, то рискуете обновлять его в двух местах в случае изменения логики в будущем. К тому же это решение нарушит принцип DRY (не повторяйся).
С другой стороны, слишком много props приведет к тому, что даже автор кода без погружения в контекст не поймет, как это работает.

[Сергей Хлопов]

Максим, Благодарю за комментарий, сложновато с этим) можете написать что именно не понятно, может быть смогу на словах объяснить

[Сергей]

Сергей Хлопов, props можно использовать всего один, а какие-то другие параметры можно сделать вычисляемыми свойствами. А общие методы в миксины вынести. Ну и параметр назвать понятно, чтобы потом не запутаться). Другие варианты пока что-то не приходят в голову