Javascript Vuetify中v型扩展面板的反应性

我很难理解如何在不重新渲染整个组件的情况下使用反应字段（如数据）。我期望的是打开扩展面板，看到值周期性地变化，因为它是从文件中提取的。实际结果是，当值更新时，扩展面板关闭。我认为这是因为它重新渲染了整个组件

我是否错误地使用了Vue，或者我是否应该期望此重新渲染？谢谢

<template>
  <v-expansion-panels>
    <v-expansion-panel
      v-for="(item,i) in 5"
      :key="i"
      multiple
    >
      <v-expansion-panel-header>
       Title 
      </v-expansion-panel-header>
      <v-expansion-panel-content>
            {{stuff}}           
      </v-expansion-panel-content>
    </v-expansion-panel>
  </v-expansion-panels>
</template>

<script>
import Stuff from "./stuff.json";

  export default {
      data: () => ({
            stuff : Stuff['stuff']
      }),
  }
</script>

标题
{{stuff}}
从“/Stuff.json”导入内容；
导出默认值{
数据：（）=>({
东西：东西
}),
}