Transition of multiple components in vue

<transition name="component-fade" mode="out-in">
  <component v-bind:is="view"></component>
</transition>
new View({
  el: '#transition-components-demo',
  data: {
    view: 'v-a'
  },
  components: {
    'v-a': {
      template: '<div>Component A</div>'
    },
    'v-b': {
      template: '<div>Component B</div>'
    }
  }
})