vue的ts语法中ref的作用是什么

在Vue 3的TypeScript中，`ref` 是一种特殊的全局属性，它允许你在模板中声明并直接操作组件内部的响应式状态。`ref` 的作用主要有两点：

1. **声明可变数据**[^1]:

   const multipleTable = ref(null); // 创建了一个默认值为null的对象引用

`ref` 声明的变量可以随时更改其值，而不会触发视图更新，直到你手动调用 `.value` 属性。

2. **响应式绑定**:

   multipleTable.value.toggleRowSelection(row) // 直接在模板中访问ref的值，并执行相应的方法

这样做避免了在Vue 2中频繁地使用 `$refs` 来访问子组件实例的属性。

通过启用 `reactivityTransform` 和配置 `tsconfig.json`，Vue的TS编写更加流畅，允许你使用更接近JavaScript原生的方式来处理响应式数据，比如 `$ref` 变量可以直接用于模板渲染，无需每次都要访问 `.value` 属性[^2]。