SOURCE

//创建根实例
new Vue({
  el: "#example",
  data: {
    currentView: 'bus'
  },
  components: {
    fast: {template: '<div>滴滴快车</div>'},
    bus: {template: '<div>滴滴巴士</div>'},
    business: {template: '<div>滴滴专车</div>'}
  }
});

<div id="example">
  <input type="radio" id="one" value="fast" v-model="currentView" />
  <label for="one">fast</label>
  <br />
  <input type="radio" id="two" value="bus" v-model="currentView" />
  <label for="two">bus</label>
  <br />
  <input type="radio" id="three" value="business" v-model="currentView" />
  <label for="three">business</label>
  
  <component :is="currentView">
    <!-- 组件在 vm.currentView 变化时改变 -->
  </component>
</div>