vue中用动态组件实现选项卡切换效果

<div class="tab-title">       <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em></em></p>      <p @click="a='tab2'"><router-link to='/collectusedcars'>二手车</router-link><em></em></p>      <p @click="a='tab3'"><router-link to='/collectproducts'>车品</router-link></p>    </div><div class="tabs">  <component is:="current"></component></div>

<tab1></tab1><tab2></tab2><tab3></tab3>

//数据里面data (){  return {    a:'tab1'   //默认显示tab1子组件  }}components:{  'tab1':tab1,  'tab2':tab2,  'tab3':tab3}