This is not a good idea, but it's cool

parent.vue

<template>
  <ToggleableFields :fields="toggleableFields" />
</template>

<script>

import ToggleableFields from 'checkout/address/toggleable_fields.vue'


export default {
  components: {
    ToggleableFields
  },

  computed: {
    toggleableFields () {
      return [
        {
          component: Component1,
          show: true,
          props: { addressType: this.addressType }
        },
        {
          component: Component2,
          show: true,
          props: { addressType: this.addressType }
        },
        {
          component: Component3,
          show: true,
          props: { addressType: this.addressType }
        }
      ]
    }
  }
}
</script>

toggleable_fields.vue

<script>
export default {
  render (createElement) {
    return createElement('div', {class: 'inner'}, this._toggleableFields(createElement))
  },

  props: {
    fields: {
      type: Array,
      required: true
    }
  },

  methods: {
    _toggleableFields (createElement) {
      return this.fields.filter(field => field.show).map((field) => {
        return createElement(field.component, {props: field.props})
      })
    }
  }
}
</script>