在Vue 3的开发中，Composition API为开发者带来了强大的自定义逻辑复用能力，极大地提升了代码的可维护性与可扩展性。

Composition API允许我们将相关的逻辑代码封装在独立的函数中，这些函数可以在多个组件中复用。传统的Vue组件逻辑复用，通常是通过mixin或者高阶组件来实现，但随着项目规模的增大，这些方式会导致代码变得难以理解和维护。而Composition API则提供了一种更清晰、更灵活的方式。

例如，在处理数据获取与状态管理时，我们可以创建一个自定义的hook函数。假设我们有多个组件都需要从服务器获取用户信息，那么可以编写如下代码：

import { ref, onMounted } from 'vue';

function useUserInfo() {
  const userInfo = ref(null);
  const error = ref(null);

  const fetchUserInfo = async () => {
    try {
      const response = await fetch('https://example.com/api/user');
      userInfo.value = await response.json();
    } catch (e) {
      error.value = e;
    }
  };

  onMounted(() => {
    fetchUserInfo();
  });

  return {
    userInfo,
    error,
    fetchUserInfo
  };
}

在组件中使用时，只需简单引入这个函数：

<template>
  <div>
    <div v-if="userInfo">User Info: {{ userInfo }}</div>
    <div v-if="error">Error: {{ error }}</div>
    <button @click="fetchUserInfo">Fetch User Info</button>
  </div>
</template>

<script setup>
import { useUserInfo } from './useUserInfo';

const { userInfo, error, fetchUserInfo } = useUserInfo();
</script>

这样不仅使得获取用户信息的逻辑在不同组件间可以复用，而且代码结构更加清晰。每个组件只需要关注自身的业务逻辑，而将通用逻辑封装在独立的函数中。

Composition API还支持多个自定义逻辑函数的组合使用。不同的hook函数可以根据需求灵活搭配，进一步提高了代码的复用性。

Vue 3的Composition API为开发者提供了一种全新的自定义逻辑复用方式，通过将逻辑封装成独立的函数，让代码更加简洁、可维护和可复用，无论是小型项目还是大型企业级应用，都能从中受益。