分享6款爆火的vue相关库，下面这 6款 和 vue 相关的库，在 2022 年极有可能会“爆火”，或者“继续爆火”！让我们赶紧学起来！
一、vueuse： vue开发者专属工具集！
官网地址：https://vueuse.org/
一款基于Vue组合式API的函数工具集。
在任何可以使用 Vue Composition Api (组合式API) 的环境下，你都可以通过安装 vueuse 工具库，来提高你的开发效率（没错，vue2.x 和 vue3.x 都能玩 ）。
可以理解为 vue 专属的 lodash!
它都有哪些工具集呢？那可太多了，只有你想不到，没有你用不到！
总体上分为以下几个类别提供工具函数：
动画
浏览器
组件
格式化
传感器
State(状态机)
公共方法
监听
杂项
以我自己为例，useTemplateRefsList 就是我最近在实际项目开发中大量使用的超级实用的方法。
useTemplateRefsList： 这个方法可以在 vue3 组件式 api 中帮助你快速绑定 for 循环中的 组件ref。比自己实现考虑得更加完备。
另外，还有各种形形色色的好用工具，如 useVModel、useInterval, useCssVar 等等，都等着大家去发掘。
简单来说，这是一个能让你更早下班的工具库，早用早下班。
二、Pinia：更好用的 vue store 库( vuex 竞品)
天下苦 vuex 久矣！
官网地址：https://pinia.vuejs.org/
Pinia 到底有啥优势呢？
它不用注册 Mutation! Action 就能直接操作 state。
它支持通过插件提升 Pinia 的能力。
良好的 Typescript 支持。
服务器端渲染支持。
定义：
// stores/counter.js
import { defineStore } from 'pinia'
export const useCounterStore = defineStore('counter', {
state: () => {
return { count: 0 }
},
actions: {
increment() {
this.count++
},
},
})
使用：
import { useCounterStore } from '@/stores/counter'
export default {
setup() {
const counter = useCounterStore()
counter.count++
counter.$patch({ count: counter.count + 1 })
counter.increment()
},
}
看起来是不是比使用 vuex 要轻便一些？
三、Element Plus: 真正的 ElementUI 3.0
为啥 ElementUI 2.x 的正统续作叫 Element Plus, 而不叫 Element 3.0 ？
这是个李逵和李鬼的故事，懂的都懂。
官网地址：https://element-plus.gitee.io/zh-CN/
说 ElementUI 2.x 是 vue 2.x 版本里最为著名与传播最广的 UI组件库，我想业内大部分人应该都是认可的。
现在 vue3 也成为 vue 的正式版本，随着 vue3 用户的增多，Element Plus 也必然会迎来一次高速增长期。
Element Plus 有什么优点呢？