在 Vue 3 的日常开发中，我们几乎每天都在写script setup和template。但有一个细节，可能曾让很多初学者感到困惑：为什么在 JS 函数中操作ref变量需要加.value，而在 HTML 模板中却不需要？一、 先看代码：一个直观的对比假设我们有一个非常简单的计数器功能，代码如下：script setup lang="ts" import { ref } from 'vue' // 1. 使用 ref 定义一个响应式数据 const count = ref(0) // 2. 在 script 的函数中修改它：必