前言

在 vue3 项目开发中，功能模块或页面 / 组件逻辑都避免不了 hooks，充分利用它会使项目代码耦合较低、复用性更强、易维护等。

本文 提供 vue3 真实项目开发中，最常见的 hooks 功能抽离示例，

按照此示例，可进行更多场景的举一反三。

新手小白一看就懂，秒知 hooks 的概念和实操

示例代码

可以一键复制运行，查看效果。

您也可以直接分析代码，理解 hooks 抽离功能。

<template><div</