本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook，以及在实践场景中如何封装自己的 Vue Hook，带你走进 Hook 的世界，写出更优雅的代码。如果你觉得这篇文章写的不错，可以点赞支持

背景 众所周知 Vue3 的时代已来临, Vue3中推荐使用组合式Api, 也就是由之前的类编程转换为函数式编程，逻辑转移到setup语法糖中，由setup作为组合式API的入口点。作为函数式编程Ho

前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永

在 Vue 3 中，已经不可能使用$on,$emit,$off这些API 从组件内部监听组件自己发出的事件了，所以官方推荐使用第三方库来完成迁移，而在开发过程中，又如何去选择、使用呢？

ps:因为是在H5中使用，所以用了vant插件,可以根据需求运用插件;我把图片裁剪单独写了一个组件，在需要的页面上引入组件即可;

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。

｜ 在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。维护项目时发现没有任何的封装,于是手动起来搞一个