## tabs标签栏
选项卡切换
##### 基本用法
```
<pf-tabbar :tabconfig="tabConfigData" @changetab="changetabs"></pf-tabbar>
data() {
return {
tabConfigData: [
{
id: "1",
name: "标签1",
count:3,
},
{
id: "2",
name: "标签2",
count:0,
},
{
id: "3",
name: "标签3", //标签名称（必传）
count:3, //标签上徽标数字（可不传，默认0（不显示））
selected:true //默认选中当前（可不传，都没有该字段时，默认选中第一个）
},
{
id: "4",
name: "标签4",
count:0,
}
]
}
},
methods: {
changetabs: function (index) {
console.log('------------触发了tab点击------------');
console.log(index);
}
}
```
##### Props：
参数 | 说明 | 类型 | 默认值 |
---|---|---|---
tabconfig | 标签列表 | array
##### 事件：
事件名 | 说明 | 参数 |
---|---|---|---
changetab | 点击标签时触发的回调事件 | index：当前索引
