Vue前端父子组件传值运用

如何做出如下效果的界面？

1. 对于tab标签的灵活使用

其中运用tab标签进行职业年金与企业年金的切换

 <a-tabs default-active-key="1" @change="callback">

      <a-tab-pane key="1" tab="职业年金计划变更记录">

       <a-table

        ref="table"

        size="middle"

        :scroll="{x:true}"

        bordered

        rowKey="id"

        :columns="columns"

        :dataSource="dataSource"

        :pagination="ipagination"

        :loading="loading"

        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type: