Vue3之Composition API相关函数

# Vue3之Composition API相关函数

Vue3的Composition API提供了一系列函数式API，帮助开发者更灵活地组织组件逻辑。核心函数包括：

1. **reactive()**  
   创建响应式对象，适用于复杂数据结构（对象/数组）

2. **ref()**  
   包装基本类型值为响应式对象，通过`.value`访问值

3. **computed()**  
   创建计算属性，自动追踪依赖变化

4. **watch() & watchEffect()**  
   响应式数据监听，watchEffect自动收集依赖

5. **生命周期钩子**  
   如`onMounted()`、`onUpdated()`等，替代Options API的钩子

6. **provide/inject**  
   跨层级组件通信

示例代码：
```js
import { ref, computed } from 'vue'
const count = ref(0)
const doubled = computed(() => count.value * 2)

Composition API通过函数组合实现逻辑复用，更适合复杂场景的代码组织。 “`