Vue 3 Composition API 实战指南

Composition API 核心

Vue 3 的 Composition API 提供了更灵活的逻辑复用方式。

ref vs reactive

• ref: 包装基础类型
• reactive: 包装对象

<script setup>
const count = ref(0)
const state = reactive({ name: 'test' })
</script>

生命周期

onMounted, onUnmounted 等 hook 替代了选项式的生命周期。