若要在单击div标签时更改该值，可以使用组件脚本部分中得方法，并将其绑定到div标签上得@click事件.
下面是一个如何执行此操作的示例：

<template>
  <div id="change" @click="changeValue()">{{value}}</div>
</template>

<script>
export default {
  data() {
    return {
      value: 'initial value'
    }
  },
  methods: {
    changeValue() {
      this.value = 'new value'
    }
  }
}
</script>

在此范例中，changeValue()方法会在呼叫时更新value data属性，而此属性会依次更新div标签中的文字。

Rap的答案是正确的，这就是你如何使用Options API来完成它。要添加，这里有另一种使用Composition API来完成它的方法：

• 需要使用Ref（）将value变量声明为React性变量。Ref可以保存任何数据类型。
• 若要更新reactive变数，请使用.value属性。

<template>
  <div id="change" @click="changeValue">{{myValue}}</div>
</template>

<script setup>
const myValue = ref("Old");
function changeValue(){
  myValue.value = "new"
}
</script>

注意：在上面的例子中，我将变量名value替换为myValue，以避免与.value属性混淆。
如需进一步阅读，您可以查看Vue中的React性。