VUE新手问个简单数据绑定问题？

<template>
<el-button type="danger" @click="resetForm()">恢复{{ abc }}</el-button>
</template>
<script setup>
import {ref} from 'vue'
let abc = ref('123');
const resetForm= （)=>{
abc = "234";
......
}
.......

点 恢复 按钮的时候，后面的变量abc怎么没有显示234？还是显示的123；