J'essaie d'apprendre Vue et j'ai rencontré le problème suivant.

<template>
    <div>{{ name }}</div>
    <button @click="name = 'changed name'">Change</button>
</template>
<script setup>
    import { ref } from 'vue';
    let name = ref('first');
</script>

Ce qui précède fonctionne bien, lorsque je clique sur le bouton, le texte à l'intérieur du div se transforme en le nom modifié. Mais ce qui suit ne fonctionne pas, la variable name 在函数中不可用吗？也使用了 defineExpose({name}) , ne fonctionne toujours pas.

<template>
    <div>{{ name }}</div>
    <button @click="changeName">Change</button>
</template>
<script setup>
    import { ref } from 'vue';
    let name = ref('first');
    const changeName = () => {
        name = 'changed name';
    }
</script>