---
url: /doc/frontend-framework/n6nud1t5/index.md
---
| reactive                                    | ref                                                                          |
| :------------------------------------------ | :--------------------------------------------------------------------------- |
| ❌ 只支持对象和数组（引用数据类型）         | ✅ 支持基本数据类型 + 引用数据类型                                           |
| ✅ 在 `<script> `和`<template>`中无差别使用 | ❌ 在 `<script>` 和 `<template>` 使用方式不同（在`<script>`中要使用 .value） |
| ❌ 重新分配一个新对象会丢失响应性           | ✅ 重新分配一个新对象不会失去响应                                            |
| 能直接访问属性                              | 需要使用 .value 访问属性                                                     |
| ❌ 将对象传入函数时，失去响应               | ✅ 传入函数时，不会失去响应                                                  |
| ❌ 解构时会丢失响应性，需使用 toRefs        | ❌ 解构对象时会丢失响应性，需使用 toRefs                                     |