Как создать множество экземпляров Vue в рамках одного приложения? Или есть вариант лучше?

Question

[villager123]

Есть приложение, которое получает от сервера настройки в виде json файла. Эти настройки заполняют объект внутри vue компонента, выставляя сохраненные значения.
Визуально для пользователя каждая настройка - прямоугольник - либо с инпутом для ввода значения, либо с кнопкой-переключателем, либо выпадающий список. Причем любая настройка может зависеть от другой/других - если их значения удовлетворяют каким-то условиям, зависимая настройка показывается. В перспективе надо будет делать, чтобы выпадающий список для настройки мог подгружаться с сервера.
То есть вырисовывается нечто, что должно быть самостоятельной сущностью - иметь асинхронные методы, свою data для хранения состояния, свои хуки и возможность обрабатывать всякие крайние случаи. Изначально думал сделать в виде массива в computed, потом в виде массива в data, потом в виде экземпляров js класса. Но каждый из способов выглядит не самым правильным.
Помогите, пожалуйста, придумать как все это организовать наилучшим образом.

Answer 1

[AzzecT]

Я бы делал так:

1. С сервера получал массив с настройками
   
2. Обрабатывал и сохранял в data
   
3. В разметке проходил с помощью v-for по обработанному массиву
   
4. С помощью v-if отображал нужный компонент настройки