<transition name="component-fade" mode="out-in">

  <component v-bind:is="view"></component>

</transition>

new Vue({

  el: '#transition-components-demo',

  data: {

    view: 'v-a'

  },

  components: {

    'v-a': {

      template: '<div>Component A</div>'

    },

    'v-b': {

      template: '<div>Component B</div>'

    }

  }

})