## 什么是组合式API

Vue3引入的组合式API（Composition API）让我们可以更灵活地组织代码逻辑。

## 核心技巧

### 1. ref和reactive的区别

- ref：处理基本类型，取值要.value

- reactive：处理对象类型，直接取值

### 2. 代码逻辑复用

把相关功能的代码放在一起，而不是分散在data、methods、computed中。

```javascript

// 好的实践：按功能组织

function useUserInfo() {

  const user = ref(null)

  const fetchUser = () => {...}

  return { user, fetchUser }

}