Vue.js中的嵌套组件更新

Question

我有一个带有以下模板的组件：

<template>
    <div>
        <v-app id="timelime">
            <div class="day-item" v-for="(testsByDate, index) in triggeredTest" :key="index">
                <div class="day">
                    {{testsByDate[0].dateFormatted}}
                </div>

                <div class="test-list" v-if="testsByDate">
                    <Test v-for="(testData, key) in testsByDate"
                        :key="key"
                        :test-data="testData"
                    />
                </div>
            </div>
        </v-app>
    </div>
</template>

'triggeredTest'在商店中声明并映射为

computed: {
  ...mapState({
    triggeredTest: state => state.triggeredTests,
  }),

当我通过API重新加载triggerTest时，主（外部）列表会正确更新，但Test组件的详细（内部）列表却不会更新。

如何使其更新？