keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

单例模式算是比较简单的设计模式，但使用场景很多，也经常出现在面试里，我们将从定义、使用场景，解决什么问题，怎么实现单例模式，在一些开源库里是怎么使用，以及我们日常开发里怎么使用等多个方面学习单例模式。

2022年了，还没有用过 Vue3？赶快来学习吧，Vue3实战专栏，带你走进 Vue3，本文将介绍如何使用 Vue3+Vite 搭建一个项目

我司需求是，勾选选项，保存配置时将选择的选项提交到后台，需要搜索功能，因为数据过多所以需要懒加载。项目是vue+element开发的，所以选择了el-tree。 node-key绑定的是code，所以根据一级节点的code（可在pzLoadNode方法的第一个参数中获得），获取…

近期根据需求，要做一个懒加载的组织树，并且可以编辑组织树。但是编辑了之后无法进行实时更新。 一开始想到了很多解决方案，也在网上参考了很多方案，但是都又种种不足。 所以我去看了elementUI的tree组件的懒加载方法的源代码。如下： this明显是当前节点， 看if语句的条件…

这只是我个人对业务的一种解决方式，存在的不足还希望大家多指正；同时也希望得到大家的鼓励，让我在前端的道路上继续努力进步😀。

官方的例子 官方的例子只是告诉我们可以使用 :load="loadNode"进行加载子节点，每次点击箭头，然后会主动调用loadNode,通过resolve把需要添加的子节点添加到点击的node下，但

相对于以前的 vuex，pinia具有以下优势 更简单的写法，代码更清晰简洁 更完善的 typescript 支持 非常轻量，只有1kb的大小

说起来nextTick相信大家也都耳熟能详，虽然在业务开发中用到的次数不是很多，但是在面试题汇总中出现的频率可是不低。那么nextTick到底能考察我们什么知识，我们一块来分析分析