Html 操纵一个元素'；vue 2中的s数据（V型）

我的组件模板上有多个元素，它的数据是从另一个JS文件导入的。我需要有一个按钮，当点击，将改变h1标题的内容。我不完全理解v-model是如何工作的，比如如何将它绑定到for循环中。请看一下我的示例代码

<button @click.prevent="changeData">Click Me!</button>
<div v-for="heading in headings" :key="heading.id">
  <h1>{{ heading.title }}<h1>
</div>

---

@Lawrence Cherone Oops补充说，在示例OK中，将

headings=dataB

更改为

this.headings=dataB

@Lawrence Cherone哦，我的天哪，我不是傻瓜。不应该先学习Vue 3的，哈哈，太棒了！