Смена активного класса при клике с помощью vue.js?
Сложить пары "текст кнопки / имя класса" в объекты, объекты в массив, массив сделать свойством компонента:

data: () => ({
  items: [
    { buttonText: '+', className: 'container' },
    { buttonText: '-', className: 'container-fluid' },
  ],
  ...
}),
На основе этого массива создавать кнопки:

<button
  v-for="n in items"
  v-text="n.buttonText"
  :class="{ active : active === n.className }"
  @click="active = n.className"
></button>
Похоже на то, к чему вы стремились?
Сложить пары "текст кнопки / имя класса" в объекты, объекты в массив, массив сделать свойством компонента:

data: () => ({
  items: [
    { buttonText: '+', className: 'container' },
    { buttonText: '-', className: 'container-fluid' },
  ],
  ...
}),
На основе этого массива создавать кнопки:

<button
  v-for="n in items"
  v-text="n.buttonText"
  :class="{ active : active === n.className }"
  @click="active = n.className"
></button>
Похоже на то, к чему вы стремились?