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

При нажатии на "добавить" увеличиваете инкремент количества форм на 1.
Через v-for="i in formCounter" выводите блоки с этими тремя инпутами и кнопкой.
Атрибуты у инпутов прописываете типа :name="`address-${i}`"

UPD: Живой пример

Вообще непонятно, с чего вы и комментаторы этого вопроса решили, что медиа-запросов должно быть какое-то определенное количество.
Если мы говорим про брейкпоинты, то основных обычно делают 3-5. Например, в сетке бутстрапа их пять:

Опять же, нет какой-то истины в последней инстанции, что N медиа-запросов это хорошо, а N + M — плохо.
Используйте ровно столько, сколько требует дизайн.
Если боитесь, что ваш итоговый css файл станет слишком большим, используйте сборщики для сжатия и оптимизации. Используйте плагины типа csso. В конце концов, используйте gzip сжатие.

methods: {
  toggle() {
    this.isActive = !this.isActive;
  }
}

Поменяйте стрелочную функцию toggle: () => { на метод toggle() { и тогда все заработает.

P.S. Откуда вы все вообще решили, что в методах компонента нужно писать стрелочные функции? :)
Просто вы не первый с такой проблемой. Ощущение, будто все насмотрелись уроков по ES6 и стали бездумно писать стрелочные функции там, где они вовсе не нужны.