分享7 个VUE项目超级好用的库，看源码都能学习很多！

模拟面试、简历指导可私信找我，最低的价格收获最高的指导~

前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。

借助开源库加速VUE项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来。

VUE 生态有很多不错的依赖库或者组件，是使用VUE开发前端的原因之一。

1. vueuse

这是 GitHub 上星最多的库之一，拥有超过 12.8k 颗星，这是一组基于组合式 API[1] 的实用函数库。

它的初衷就是将一切原本并不支持响应式的 JS API 变得支持响应式，省去程序员自己写相关代码。

import { useLocalStorage, useMouse, usePreferredDark } from "@vueuse/core";export default {    setup() {        // tracks mouse position        const { x, y } = useMouse();        // is user prefers dark theme        const isDark = usePreferredDark();        // persist state in localStorage        const store = useLocalStorage("my-storage", {            name: "Apple",            color: "red",        });        return { x, y, isDark, store };    },};复制代码

2. vue-js-modal

这是一个易于使用、高度可定制的 Vue.js 模态库，该库支持静态和动态两种类型的模态，静态是通过模板明确定义的，动态是根据传递给“显示模态”函数的配置生成的。这个库在 Github 上有超过 4.2k 星。

vue-js-modal.gif

3. vue-wait

这个库可以在没有任何冲突的情况下控制页面上的各种加载状态。它的核心原理是管理一个具有多个加载状态的数组（或者，可选地，一个 Vuex 存储）。集成加载器组件开始监听其注册的加载器并立即进入加载状态。这个库在 Github 上有超过 1.9k 颗星。

4. good-table

表格是软件开发中最常用的组件之一，这是一个易于使用的强大数据表，具有高级自定义功能，包括排序、列过滤、分页、分组等。它在 GitHub 上拥有超过 2k 星。

5. vue-notification

向用户显示消息是应用程序的基本功能之一，这个库将帮助构建漂亮的通知。它提供了许多功能，如动画、自定义位置、自定义样式等等。这个库在 Github 上有超过 2.3K 颗星。

vue-notification.gif

GitHub：github.com/euvl/vue-no…[2]

6. tree select

顾名思义，这是一个带有嵌套选项的多选组件。它包括许多功能，如支持嵌套选项的单选和多选、模糊匹配、异步搜索、延迟加载（仅在需要时加载深层选项的数据）等等。它在 GitHub 上拥有超过 2.6K 颗星。

GitHub：github.com/riophae/vue…[3]

7. egjs-infinite grid

如果必须使用网格布局，那么这个库是一个很好的资源，该库用于根据网格类型无限排列包括内容的元素。

grid.jpg

import { MasonryInfiniteGrid } from "@egjs/infinitegrid";function getItems(nextGroupKey, count) {    const nextItems = [];    for (let i = 0; i < count; ++i) {        const num = nextGroupKey * count + i;        nextItems.push(`<div class="item"></div>`);    }    return nextItems;}const ig = new MasonryInfiniteGrid(".container", {    gap: 5,});ig.on("requestAppend", (e) => {    const nextGroupKey = (+e.groupKey || 0) + 1;    ig.append(getItems(nextGroupKey, 10), nextGroupKey);});ig.renderItems();复制代码

作者：天行无忌

链接：https://juejin.cn/post/7175905647018377277

来源：稀土掘金

结语

我是林三心，一个热心的前端菜鸟程序员。如果你上进，喜欢前端，想学习前端，那咱们可以交朋友，一起摸鱼哈哈，摸鱼群，关注我，拉你进群，有5000多名前端小伙伴在等着一起学习哦 -->

模拟面试、简历指导可私信找我，价格超级实惠~