前言 Vue3的内置KeepAlive组件是一个高效且实用的抽象组件，它能够优化组件性能，减少频繁卸载和挂载DOM所带来的开销。对于一些复杂的、需要长时间计算或获取数据的组件，使用KeepAlive可

在vite项目中我们可能会遇到这样一种情况。 在我们本地开发，第一次进入页面的时候，页面会卡顿很长时间。越是复杂的卡顿时间越久。

1.背景 最近刷抖音发现上线了 IP 属地的功能，小伙伴在发表动态、发表评论以及聊天的时候，都会显示自己的 IP 属地信息，其核心意义是让用户更具有真实性，减少虚假欺骗事件。正好最近本人开发获取客户端

背景 背景是这样的，我们使用vue2开发一个在线客服使用的IM应用，基本布局是左边是访客列表，右边是访客对话，为了让对话加载更友好，我们将对话的路由使用<keep-alive>缓存起来。但是如果将所有

在刚开始计划写这些方法的时候，并没有完整的思路，也不知道该从何下手，但通过阅读和理解文档的含义，和去查看一些方法库的源码，理解他们的封装思路，渐渐开始有了一些思路 一提到封装，首先我们应该需

在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。

之前在做项目的时候使用的都是Vuex，在学习使用了Vue3之后，在网上看到不少有关Vue3+pinia的搭配，也略微了解到了pinia 的优势，于是自己也想要摸索着学习pinia。

vue 组件封装-逻辑与展示分离 在组件封装中，逻辑与展示的分离是一种常见的开发模式，它将组件的功能和样式分隔开来，使代码更具可读性、可维护性和可重用性，在统计与报表类场景中最为常见，往往是以不同主题

知道大家使用 Vue3 的时候有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？应该如何处理？” 今天咱们就来全面盘点一下