Как организовать код на Vue?

Question

[Иван]

я новичек во vue. есть такая задача:
на входе: "тип расчета" который выбирается из списка.(это понятно как сделать). типов - 7 шт.

логика которую нужно сделать: на вход передается "тип расчета" который выбирает пользователь. есть два списка котролов "тип 1" - 20 шт. и "тип 2" - 15 шт. в зависимости от выбранного "тип расчета" надо отображать некий набор контролов "тип-1" и "тип 2". Контролы "пересекаются" при некоторых значениях начального параметра.
на выходе: отрисованные в Dom контролы двух типов которые отфильтрованы по "тип расчета".

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

Верно ли я думаю , что нужно использовать вариант два? как это организовать в коде (минимальный пример)?
спасибо.

Answer 1

[Денис Инешин]

<control-one v-if='condition1' />
<control-two v-if='condition2' />
<control-three v-if='condition1 || condition2' />

Как то так

Comments

[Иван]

я возможно как то по дурацки задал вопрос.
вот 7 а может больше начальных параметров - в зависмости от них выдаются разные , а местами одинаковые
элементы. я имею на вход "тип расчета" и ? мне нужно "навешать" на каждый элемент какой то словарь вида
{ тип расчета1: true, тип расчета2 : false}
а потом как то подставлять полученый boolв директиву v-if?