как загрузить данные вкладки только при нажатии на вкладку в пользовательском интерфейсе vue материала

Question

Я использую vue js с пользовательским интерфейсом материала.

      <md-tabs md-sync-route>
        <md-tab id="tab-all" md-label="All"> <TableView /> </md-tab>
        <md-tab id="tab-severity" md-label="Emergency"> <TableView   :priority="'0'" /> </md-tab>
        <md-tab id="tab-timestamp" md-label="Alert" > <TableView  :priority="'1'" /> </md-tab>
        <md-tab id="tab-pre" md-label="Critical"> <TableView  :priority="'2'" /> </md-tab>
        <md-tab id="tab-hostname" md-label="Error"> <TableView :priority="'3'" /> </md-tab>
        <md-tab id="tab-appname" md-label="Warning"> <TableView :priority="'4'" /> </md-tab>
        <md-tab id="tab-procid" md-label="Notice"> <TableView :priority="'5'"/> </md-tab>
        <md-tab id="tab-msgid" md-label="Informational"> <TableView :priority="'6'"/> </md-tab>
        <md-tab id="tab-facilityid" md-label="debug"> <TableView :priority="'7'"/> </md-tab>
      </md-tabs>

это код для вкладок, теперь проблема в том, что я вызываю api для всех таблиц с разными данными, но с одним и тем же компонентом.Я хочу вызывать API только тогда, когда я нажимаю на эту вкладку.Не до этого, не после, а также, если я нажму его снова.У кого-нибудь есть решение.Спасибо.