keep-alive怎么缓存组件的，是性能优化常见的一点，面试中我们怎么去回答比较好，缓存可用keep-alive，说一下它的作用与用法、使用细节，如缓存指定/排除、更新activated、原理阐述

前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js

最近对照着源码学习Vue3的全局Api，边学习边整理了下来，希望可以和大家一起进步。 我们以官方定义、用法、源码浅析三个维度来一起看看它们。

由于我先学了Vue3，并开发了一个开源的小项目，领导让我整理一下给公司其他没有入门的同事讲一下，混个脸熟。本文适合Vue初学者，或者Vue2迁移者，一看就学会，直接上手开发。

1. 实现思路 在timeupdate钩子函数中，当currentTime大于lyricArr[Idx].time，获取到当前歌词dom绑定的data-index属性的索引index,又当index和Idx相等时，把Idx的值赋值给lyricIndex。PS：lyricInde…

Vite + Vue 3 + Typescript + tsx + less + router + vuex + elementplus 教程示范demo