Vuejs: 함수 내의 참조는 수정할 수 없지만 템플릿의 참조는 수정할 수 있습니다.

Question

Vue를 배우려고 하는데 다음과 같은 문제가 발생했습니다.

으아악

위 내용은 잘 작동합니다. 버튼을 클릭하면 div 내부의 텍스트가 변경된 이름으로 변경됩니다. 그러나 다음은 작동하지 않습니다. 변수 name 在函数中不可用吗？也使用了 defineExpose({name}) 은 여전히 ​​작동하지 않습니다.

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

Answer 1

템플릿 내에서 참조 이름을 사용할 수 있습니다. 하지만 스크립트에서는 name.value를 사용해야 합니다.

으아아아