vue 元件重新 render?

Question

<el-tabs 
        v-model="activeName" 
        stretch>
        <el-tab-pane 
          label="我的消息" 
          name="myNews">
          <MyNews />
        </el-tab-pane>
        <el-tab-pane 
          label="系統通知" 
          name="system">
          <System />
        </el-tab-pane>
      </el-tabs>

這是我的 index
裡面有引入兩個元件
而元件裡面都會是需要打api取數據的

只是這樣的情況會發生一個問題
我在來回切換tab時，他並不會重新執行這兩個元件的created

以下是兩個元件的created

created() {
    this.handleData()
  },

如何讓它每次都可以重新執行 created ？
為了讓它每次都能重新打api取新數據

Answer 1

只是取数据的话，ref引用子组件调用取数据的方法
重新执行钩子函数的话 子组件用v-if ，切走的时候=false，卸载子组件
且回来的时候=true，会重新挂载子组件