From 6e32baf58ab90acb1d202fb86f621a670aadd6b7 Mon Sep 17 00:00:00 2001 From: xugaoyi <894072666@qq.com> Date: Mon, 20 Apr 2020 17:15:12 +0800 Subject: [PATCH] =?UTF-8?q?node=E5=B7=A5=E5=85=B7=E5=86=85=E7=BD=AE?= =?UTF-8?q?=E5=88=B0=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.MD | 4 +- docs/.vuepress/config.js | 10 +- docs/.vuepress/config/nav.js | 9 +- docs/.vuepress/config/sidebar-auto.js | 2 +- .../25.JavaScript文章/02.new命令原理.md | 4 + .../25.JavaScript文章/03.ES5面向对象.md | 2 + docs/03.技术/01.技术文档/01.Git使用手册.md | 2 + .../01.技术文档/02.Markdown使用教程.md | 2 + docs/03.技术/01.技术文档/03.npm常用命令.md | 2 + .../01.技术文档/10.npm packageJson属性详解.md | 14 +- docs/03.技术/01.技术文档/15.yaml语言教程.md | 2 + .../02.GitHub技巧/01.GitHub高级搜索技巧.md | 2 + .../02.GitHub Actions 实现自动部署静态博客.md | 2 + ... Actions 定时运行代码:每天定时百度链接推送.md | 2 + .../10.GitHub加速下载项目的方法.md | 2 + docs/06.收藏夹/01.网站.md | 199 ++ docs/06.收藏夹/01.网站和工具.md | 94 - docs/06.收藏夹/02.资源.md | 28 +- docs/06.收藏夹/03.Vue资源.md | 2012 +++++++++++++++++ package.json | 11 +- {theme-vdoing => vdoing/theme-vdoing}/LICENSE | 0 .../theme-vdoing}/README.md | 0 .../components/AlgoliaSearchBox.vue | 0 .../theme-vdoing}/components/ArticleInfo.vue | 5 +- .../theme-vdoing}/components/Buttons.vue | 0 .../theme-vdoing}/components/Catalogue.vue | 26 +- .../theme-vdoing}/components/DropdownLink.vue | 0 .../components/DropdownTransition.vue | 0 .../theme-vdoing}/components/Footer.vue | 0 .../theme-vdoing}/components/Home.vue | 1 + .../theme-vdoing}/components/Home改版.vue | 0 .../theme-vdoing}/components/NavLink.vue | 0 .../theme-vdoing}/components/NavLinks.vue | 0 .../theme-vdoing}/components/Navbar.vue | 0 .../theme-vdoing}/components/Page.vue | 0 .../theme-vdoing}/components/PageEdit.vue | 0 .../theme-vdoing}/components/PageNav.vue | 0 .../theme-vdoing}/components/PostList.vue | 0 .../theme-vdoing}/components/RightMenu.vue | 0 .../theme-vdoing}/components/Sidebar.vue | 0 .../components/SidebarButton.vue | 0 .../theme-vdoing}/components/SidebarGroup.vue | 0 .../theme-vdoing}/components/SidebarLink.vue | 0 .../theme-vdoing}/components/SidebarLinks.vue | 0 .../theme-vdoing}/components/Timeline.vue | 0 .../components/UpdateArticle.vue | 0 vdoing/theme-vdoing/enhanceApp.js | 9 + .../theme-vdoing}/global-components/Badge.vue | 0 .../theme-vdoing}/images/bg-line.png | Bin .../theme-vdoing}/index.js | 25 +- .../theme-vdoing}/layouts/404.vue | 0 .../theme-vdoing}/layouts/Layout.vue | 0 vdoing/theme-vdoing/mixins/encodeAnchor.js | 8 + .../theme-vdoing/node_utils}/baiduPush.js | 2 +- .../theme-vdoing/node_utils}/config.yml | 6 +- .../node_utils}/editFrontmatter.js | 0 .../theme-vdoing/node_utils/getSidebarData.js | 101 + .../theme-vdoing/node_utils}/modules/fn.js | 0 .../node_utils/modules/readFileList.js | 38 + .../theme-vdoing/node_utils/setFrontmatter.js | 80 + .../theme-vdoing}/noopModule.js | 0 .../theme-vdoing}/package.json | 0 .../theme-vdoing}/styles/arrow.styl | 0 .../theme-vdoing}/styles/code-theme.styl | 0 .../theme-vdoing}/styles/code.styl | 0 .../theme-vdoing}/styles/config.styl | 0 .../theme-vdoing}/styles/custom-blocks.styl | 0 .../theme-vdoing}/styles/index.styl | 0 .../theme-vdoing}/styles/mobile.styl | 0 .../theme-vdoing}/styles/palette.styl | 0 .../theme-vdoing}/styles/toc.styl | 0 .../theme-vdoing}/styles/variable.styl | 0 .../theme-vdoing}/styles/wrapper.styl | 0 .../theme-vdoing}/util/getArticleDate.js | 0 .../theme-vdoing}/util/index.js | 0 vdoing/utils/baiduPush.js | 35 + vdoing/utils/config.yml | 16 + vdoing/utils/editFrontmatter.js | 85 + {utils => vdoing/utils}/frontmatter.js | 0 vdoing/utils/modules/fn.js | 21 + .../utils}/modules/readFileList.js | 2 +- {utils => vdoing/utils}/sidebar.js | 4 +- 82 files changed, 2732 insertions(+), 137 deletions(-) create mode 100644 docs/06.收藏夹/01.网站.md delete mode 100644 docs/06.收藏夹/01.网站和工具.md create mode 100644 docs/06.收藏夹/03.Vue资源.md rename {theme-vdoing => vdoing/theme-vdoing}/LICENSE (100%) rename {theme-vdoing => vdoing/theme-vdoing}/README.md (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/AlgoliaSearchBox.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/ArticleInfo.vue (91%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Buttons.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Catalogue.vue (77%) rename {theme-vdoing => vdoing/theme-vdoing}/components/DropdownLink.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/DropdownTransition.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Footer.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Home.vue (99%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Home改版.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/NavLink.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/NavLinks.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Navbar.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Page.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/PageEdit.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/PageNav.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/PostList.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/RightMenu.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Sidebar.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/SidebarButton.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/SidebarGroup.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/SidebarLink.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/SidebarLinks.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/Timeline.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/components/UpdateArticle.vue (100%) create mode 100644 vdoing/theme-vdoing/enhanceApp.js rename {theme-vdoing => vdoing/theme-vdoing}/global-components/Badge.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/images/bg-line.png (100%) rename {theme-vdoing => vdoing/theme-vdoing}/index.js (55%) rename {theme-vdoing => vdoing/theme-vdoing}/layouts/404.vue (100%) rename {theme-vdoing => vdoing/theme-vdoing}/layouts/Layout.vue (100%) create mode 100644 vdoing/theme-vdoing/mixins/encodeAnchor.js rename {utils => vdoing/theme-vdoing/node_utils}/baiduPush.js (91%) rename {utils => vdoing/theme-vdoing/node_utils}/config.yml (84%) rename {utils => vdoing/theme-vdoing/node_utils}/editFrontmatter.js (100%) create mode 100644 vdoing/theme-vdoing/node_utils/getSidebarData.js rename {utils => vdoing/theme-vdoing/node_utils}/modules/fn.js (100%) create mode 100644 vdoing/theme-vdoing/node_utils/modules/readFileList.js create mode 100644 vdoing/theme-vdoing/node_utils/setFrontmatter.js rename {theme-vdoing => vdoing/theme-vdoing}/noopModule.js (100%) rename {theme-vdoing => vdoing/theme-vdoing}/package.json (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/arrow.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/code-theme.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/code.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/config.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/custom-blocks.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/index.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/mobile.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/palette.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/toc.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/variable.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/styles/wrapper.styl (100%) rename {theme-vdoing => vdoing/theme-vdoing}/util/getArticleDate.js (100%) rename {theme-vdoing => vdoing/theme-vdoing}/util/index.js (100%) create mode 100644 vdoing/utils/baiduPush.js create mode 100644 vdoing/utils/config.yml create mode 100644 vdoing/utils/editFrontmatter.js rename {utils => vdoing/utils}/frontmatter.js (100%) create mode 100644 vdoing/utils/modules/fn.js rename {utils => vdoing/utils}/modules/readFileList.js (90%) rename {utils => vdoing/utils}/sidebar.js (95%) diff --git a/README.MD b/README.MD index 3d4d6c1..1a218d9 100644 --- a/README.MD +++ b/README.MD @@ -16,7 +16,7 @@ -[Evan's blog](https://xugaoyi.com/) | [效果图](https://xugaoyi.com/pages/d557b9a89a215d2e) | [指南](https://github.com/xugaoyi/vuepress-theme-vdoing/issues/350) +[Evan's blog](https://xugaoyi.com/) | [效果图](https://xugaoyi.com/pages/d557b9a89a215d2e) | [指南 (必读)](https://github.com/xugaoyi/vuepress-theme-vdoing/issues/350) **注意:主题当前还在不断完善当中,因此功能和文档或许会有调整。** @@ -42,7 +42,7 @@
  • 简单的目录页配置,查看 目录页配置
  • 自动生成侧边栏工具 让你拥有一个结构清晰的侧边栏,无需手动配置。
    - 根据目录自动生成侧边栏和分类标签的约定说明 + 构建结构化站点的核心配置和约定
  • 自动生成Front Matter工具 助你专注于写作,你无需给每个文件都手写front matter。
    自动生成Front Matter工具 diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index c64675c..2e6e013 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -1,5 +1,5 @@ const nav = require('./config/nav.js'); -const sidebar = require('./config/sidebar-auto.js'); +// const sidebar = require('./config/sidebar-auto.js'); module.exports = { title: "Evan's blog", @@ -21,21 +21,21 @@ module.exports = { markdown: { lineNumbers: true // 代码行号 }, - theme: require.resolve('../../theme-vdoing'), // 使用的主题 + theme: require.resolve('../../vdoing/theme-vdoing'), // 使用的主题 themeConfig: { // 主题配置 nav, - sidebar, // 侧边栏 'auto' | 自定义 sidebarDepth: 2, // 侧边栏显示深度,默认1,最大2(显示到h3标题) logo: '/img/EB-logo.png', // 导航栏logo repo: 'xugaoyi/vuepress-theme-vdoing', // 导航栏右侧生成Github链接 searchMaxSuggestions: 10, // 搜索结果显示最大数 lastUpdated: '上次更新', // 更新的时间,及前缀文字 string | boolean (取值为git提交时间) - docsDir: 'docs', // 编辑的文件夹 editLinks: true, // 编辑链接 editLinkText: '编辑', - // 以下配置是Vdoing主题新增配置 + // 以下配置是Vdoing主题改动的和新增的配置 + sidebar: 'structuring', // 侧边栏 'auto' | 自定义 | 'structuring' | { mode: 'structuring', collapsable: Boolean} 温馨提示:目录页数据依赖于结构化的侧边栏数据,如果你不设置为'structuring',将无法使用目录页 + // sidebarOpen: false, // 初始状态是否打开侧边栏,默认true // updateBar: { // 最近更新栏(此配置和它下面的所有属性均是可选的) // onHome: { // 在首页 diff --git a/docs/.vuepress/config/nav.js b/docs/.vuepress/config/nav.js index 6b59cf9..c20da3d 100644 --- a/docs/.vuepress/config/nav.js +++ b/docs/.vuepress/config/nav.js @@ -43,6 +43,13 @@ module.exports = [ ] }, {text: '关于', link: '/about/'}, - {text: '收藏夹', link: '/bookmarks/'}, + {text: '收藏夹', + link: '/pages/beb6c0bd8a66cea6/', + items: [ + {text: '网站', link: '/pages/beb6c0bd8a66cea6/'}, + {text: '资源', link: '/pages/eee83a9211a70f9d/'}, + {text: 'Vue资源', link: '/pages/12df8ace52d493f6/'}, + ] + }, {text: '时间轴', link: '/timeline/'}, ] \ No newline at end of file diff --git a/docs/.vuepress/config/sidebar-auto.js b/docs/.vuepress/config/sidebar-auto.js index 24ed8fd..e6c533d 100644 --- a/docs/.vuepress/config/sidebar-auto.js +++ b/docs/.vuepress/config/sidebar-auto.js @@ -19,7 +19,7 @@ module.exports = { "/05.关于/": [["01.关于.md","关于","/about"]], - "/06.收藏夹/": [["01.网站和工具.md","网站和工具","/bookmarks"],["02.资源.md","资源","/pages/eee83a9211a70f9d"]], + "/06.收藏夹/": [["01.网站.md","网站","/pages/beb6c0bd8a66cea6"],["02.资源.md","资源","/pages/eee83a9211a70f9d"],["03.Vue资源.md","Vue资源","/pages/12df8ace52d493f6"]], "/07.时间轴/": [["01.时间轴.md","时间轴","/timeline"]], diff --git a/docs/01.前端/25.JavaScript文章/02.new命令原理.md b/docs/01.前端/25.JavaScript文章/02.new命令原理.md index 70cf83e..e794eb2 100644 --- a/docs/01.前端/25.JavaScript文章/02.new命令原理.md +++ b/docs/01.前端/25.JavaScript文章/02.new命令原理.md @@ -2,6 +2,8 @@ title: new命令原理 date: 2019-12-25 14:27:01 permalink: /pages/8143cc480faf9a11 +tags: + - js --- # new命令原理 @@ -13,6 +15,8 @@ permalink: /pages/8143cc480faf9a11 4. 开始执行构造函数内部的代码。 5. 如果构造函数内有返回值且为对象类型,则返回该对象,否则返回上面创建的实例对象。 + + ```js // 构造函数 function Person(name,age){ diff --git a/docs/01.前端/25.JavaScript文章/03.ES5面向对象.md b/docs/01.前端/25.JavaScript文章/03.ES5面向对象.md index 2b63d71..b14dbae 100644 --- a/docs/01.前端/25.JavaScript文章/03.ES5面向对象.md +++ b/docs/01.前端/25.JavaScript文章/03.ES5面向对象.md @@ -2,6 +2,8 @@ title: ES5面向对象 date: 2020-02-22 10:35:43 permalink: /pages/b1af5cb8996363c5 +tags: + - js --- # ES5面向对象 diff --git a/docs/03.技术/01.技术文档/01.Git使用手册.md b/docs/03.技术/01.技术文档/01.Git使用手册.md index 0570eb2..9a83752 100644 --- a/docs/03.技术/01.技术文档/01.Git使用手册.md +++ b/docs/03.技术/01.技术文档/01.Git使用手册.md @@ -2,6 +2,8 @@ title: Git使用手册 date: 2019-12-25 14:27:01 permalink: /pages/9a7ee40fc232253e +tags: + - 技术文档 --- diff --git a/docs/03.技术/01.技术文档/02.Markdown使用教程.md b/docs/03.技术/01.技术文档/02.Markdown使用教程.md index 8460533..13cce2a 100644 --- a/docs/03.技术/01.技术文档/02.Markdown使用教程.md +++ b/docs/03.技术/01.技术文档/02.Markdown使用教程.md @@ -2,6 +2,8 @@ title: Markdown使用教程 date: 2019-12-25 14:27:01 permalink: /pages/ad247c4332211551 +tags: + - 技术文档 --- # Markdown使用教程 diff --git a/docs/03.技术/01.技术文档/03.npm常用命令.md b/docs/03.技术/01.技术文档/03.npm常用命令.md index 2f8d002..b3d1dca 100644 --- a/docs/03.技术/01.技术文档/03.npm常用命令.md +++ b/docs/03.技术/01.技术文档/03.npm常用命令.md @@ -2,6 +2,8 @@ title: npm常用命令 date: 2019-12-25 14:27:01 permalink: /pages/61f2f95fd7da14fd +tags: + - 技术文档 --- # npm常用命令 diff --git a/docs/03.技术/01.技术文档/10.npm packageJson属性详解.md b/docs/03.技术/01.技术文档/10.npm packageJson属性详解.md index a8d9c27..a4060b3 100644 --- a/docs/03.技术/01.技术文档/10.npm packageJson属性详解.md +++ b/docs/03.技术/01.技术文档/10.npm packageJson属性详解.md @@ -1,10 +1,12 @@ --- - author: - name: "TZYY" - link: "https://www.cnblogs.com/tzyy/p/5193811.html" - title: "npm packageJson属性详解" - date: "2020-04-08 17:16:38" - permalink: "/pages/dec4f3f00e71a312" +author: + name: TZYY + link: https://www.cnblogs.com/tzyy/p/5193811.html +title: npm packageJson属性详解 +date: 2020-04-08 17:16:38 +permalink: /pages/dec4f3f00e71a312 +tags: + - 技术文档 --- diff --git a/docs/03.技术/01.技术文档/15.yaml语言教程.md b/docs/03.技术/01.技术文档/15.yaml语言教程.md index 782af96..a73c209 100644 --- a/docs/03.技术/01.技术文档/15.yaml语言教程.md +++ b/docs/03.技术/01.技术文档/15.yaml语言教程.md @@ -2,6 +2,8 @@ title: yaml语言教程 date: 2019-12-25 14:27:01 permalink: /pages/4e8444e2d534d14f +tags: + - 技术文档 --- # yaml语言教程 diff --git a/docs/03.技术/02.GitHub技巧/01.GitHub高级搜索技巧.md b/docs/03.技术/02.GitHub技巧/01.GitHub高级搜索技巧.md index e15a5d8..75fee01 100644 --- a/docs/03.技术/02.GitHub技巧/01.GitHub高级搜索技巧.md +++ b/docs/03.技术/02.GitHub技巧/01.GitHub高级搜索技巧.md @@ -2,6 +2,8 @@ title: GitHub高级搜索技巧 date: 2019-12-25 14:27:01 permalink: /pages/4c778760be26d8b3 +tags: + - GitHub技巧 --- # GitHub高级搜索技巧 diff --git a/docs/03.技术/02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md b/docs/03.技术/02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md index 0a8f8f8..f550f46 100644 --- a/docs/03.技术/02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md +++ b/docs/03.技术/02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md @@ -2,6 +2,8 @@ title: GitHub Actions 实现自动部署静态博客 date: 2019-12-27 11:44:41 permalink: /pages/6b9d359ec5aa5019 +tags: + - GitHub技巧 --- # GitHub Actions 实现自动部署静态博客 diff --git a/docs/03.技术/02.GitHub技巧/03.GitHub Actions 定时运行代码:每天定时百度链接推送.md b/docs/03.技术/02.GitHub技巧/03.GitHub Actions 定时运行代码:每天定时百度链接推送.md index d3f7080..06b0376 100644 --- a/docs/03.技术/02.GitHub技巧/03.GitHub Actions 定时运行代码:每天定时百度链接推送.md +++ b/docs/03.技术/02.GitHub技巧/03.GitHub Actions 定时运行代码:每天定时百度链接推送.md @@ -2,6 +2,8 @@ title: GitHub Actions 定时运行代码:每天定时百度链接推送 date: 2019-12-30 21:23:00 permalink: /pages/f44d2f9ad04ab8d3 +tags: + - GitHub技巧 --- # GitHub Actions 定时运行代码:每天定时百度链接推送 diff --git a/docs/03.技术/02.GitHub技巧/10.GitHub加速下载项目的方法.md b/docs/03.技术/02.GitHub技巧/10.GitHub加速下载项目的方法.md index c611766..3229a50 100644 --- a/docs/03.技术/02.GitHub技巧/10.GitHub加速下载项目的方法.md +++ b/docs/03.技术/02.GitHub技巧/10.GitHub加速下载项目的方法.md @@ -2,6 +2,8 @@ title: GitHub加速下载项目的方法 date: 2020-03-09 10:28:09 permalink: /pages/95331c6a9613faf8 +tags: + - GitHub技巧 --- # GitHub加速下载项目的方法 diff --git a/docs/06.收藏夹/01.网站.md b/docs/06.收藏夹/01.网站.md new file mode 100644 index 0000000..1ef614f --- /dev/null +++ b/docs/06.收藏夹/01.网站.md @@ -0,0 +1,199 @@ +--- +title: 网站 +permalink: /pages/beb6c0bd8a66cea6 +date: 2020-04-19 11:33:04 +article: false +--- +# 个人收藏夹 + +[一位大佬的收藏夹](https://panjiachen.github.io/awesome-bookmarks/) + +[码力全开资源库](https://maliquankai.com/designnav/) 很全很强大,独立开发者/设计干货/优质利器/工具资源... + + +## 文档 +* [MDN](https://developer.mozilla.org/zh-CN/docs/Web) Web技术权威文档 +* [现代JavaScript教程](https://zh.javascript.info) 以最新标准为基准的JS教程 +* [ES5教程](https://wangdoc.com/javascript/) 阮一峰的JS教程 +* [ES6教程](http://es6.ruanyifeng.com/) 阮一峰的ES6教程 +* [Bash 脚本教程](https://wangdoc.com/bash/) 阮一峰编写 +* [ECMA](https://www.ecma-international.org/) ECMA官网 +* [菜鸟教程](https://www.runoob.com/) 涵盖多种语言的初级教程 + +## 社区 +* [Github](https://github.com/) 程序员同性交友社区 +* [掘金](https://juejin.im/) 一个帮助开发者成长的社区 +* [简书](https://www.jianshu.com/) 有很多频道的创作社区 +* [思否](https://segmentfault.com/) 解决技术问题的社区 +* [stack overflow](https://stackoverflow.com/) 同上,外网的 +* [InfoQ](https://www.infoq.cn/topic/Front-end) +* [V2EX](https://www.v2ex.com/) +* [鱼塘热榜](https://mo.fish/main/home/hot) 划水网站,收集了很多网站,当天热门文章 + +## 博客 +* [阮一峰的网络日志](http://www.ruanyifeng.com/blog/) +* [css-tricks](https://css-tricks.com/) css技巧文章 + +## 文章 +* [灵活运用CSS开发技巧](https://juejin.im/post/5d4d0ec651882549594e7293) + +## 视频 +* [慕课网](https://www.imooc.com/) 实战视频教程 +* [妙味课堂](https://www.miaov.com/) 比较系统的前端入门视频教程 +* [中国大学MOOC](https://www.icourse163.org/) 涵盖计算机、外语、心理学等专业免费课程 +* [bilibili](https://www.bilibili.com/) B站,上面也有一些可供学习的免费视频 +* [egghead](http://egghead.io) 质量还不错的短视频教程,外网 + +## Github +* [github 短域名服务](https://git.io/) +* [shields](https://shields.io/) 徽章图标 + + +## 在线工具 +### 开发 +* [Can I use](https://caniuse.com/) 查看属性和方法的兼容性 +* [30 seconds of code](https://30secondsofcode.org/) 收集了许多有用的代码小片段 + +### 代码编辑 +* [codepen](https://codepen.io) 在线代码编辑与演示 +* [codesandbox](https://codesandbox.io) 内嵌VSCode的在线IDE +### UI +* [iconfont](https://www.iconfont.cn/) 阿里巴巴矢量图标库 +* [undraw](https://undraw.co/illustrations) 免费的矢量插画 +* [icomoon](https://icomoon.io/) 矢量图标库 +* [cssicon](http://cssicon.space/#/) 所有的 icon 都是纯 css 画的 缺点:icon 不够多 +* [CSS triangle generator](http://apps.eky.hk/css-triangle-generator/) 帮你快速用 css 做出三角形 +* [clippy](http://bennettfeely.com/clippy/) 在线帮你使用 css clip-path 做出各种形状的图形 +* [Lorem Picsum](https://picsum.photos/) 提供免费的占位图 + +### Emoji表情 +* [emoji表情](https://emojipedia.org/) +* [emoji表情备忘录](https://www.webfx.com/tools/emoji-cheat-sheet) +* [gitmoji](https://github.com/carloscuesta/gitmoji) 通过 emoji 表达 git 的操作内容 +> windows系统下按Win+.快速打开表情选择框 + +### 图片压缩 +* [tinypng图片压缩](https://tinypng.com) 压缩png很有用 +* [Squoosh](https://squoosh.app/) 谷歌出品在线免费图片压缩工具 + +### 作图 +* [processon在线作图](https://www.processon.com/) 流程图、思维导图、原型图等 +* [百度脑图](https://naotu.baidu.com) 思维导图 + +### CSS相关 +* [CSS生成器](https://neumorphism.io/) +* [CSS渐变生成器](https://www.colorzilla.com/gradient-editor/) +* [CSS3-Box Shadow(阴影)](https://www.html.cn/tool/css3Preview/Box-Shadow.html) +* [贝塞尔曲线生成器 ](https://cubic-bezier.com) + +### CDN加速 +* [jsDelivr](http://www.jsdelivr.com/) 国外的一家优秀的公共 CDN 服务提供商 +* [unpkg](https://unpkg.com/) cdn 服务 + +### 正则 +* [正则可视化](https://regex101.com/) + +### 其他 +* [Linux命令手册](https://ipcmen.com/) + + + +## 设计 + +- [uimovement](https://uimovement.com/) 能从这个网站找到不少动画交互的灵感 +- [awwwards](https://www.awwwards.com/)是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站 +- [dribbble](https://dribbble.com/) 经常能在上面找到很多有创意好看的 gif 或者图片,基本上我所有的图都是上面招的 +- [Bēhance](https://www.behance.net/) dribbble 是设计师的微博,Bēhance 是设计师的博客 +- [Logojoy](https://logojoy.com/) 使用 ai 做 logo 的网站,做出来的 logo 质量还不错。 +- [brandmark](http://brandmark.io/) 另一个在线制作 logo 网站 +- [instant](https://instantlogodesign.com/) 又一个 logo 制作网站 +- [logo-maker](https://www.designevo.com/logo-maker/) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调 +- [coolors](https://coolors.co/) 帮你在线配色的网站 你能找到不少配色灵感 +- [colorhunt](http://colorhunt.co/) 另一个配色网站 +- [uigradients](https://uigradients.com/#SummerDog) 渐变色网站 +- [designcap](https://www.designcap.com/) 在线海报设计 +- [Flat UI 色表](https://flatuicolors.com/) Flat UI 色表 +- [0to255](https://www.0to255.com/) 颜色梯度 +- [Ikonate](https://github.com/mikolajdobrucki/ikonate) 提供免费的图标 icons +- [remixicon](https://remixicon.com/) 又一个提供免费图标 icons +- [feather](https://github.com/feathericons/feather) 免费的 icons +- [nord ](https://github.com/arcticicestudio/nord) 北欧性冷淡风主题配色 +- [Unsplash](https://unsplash.com/) 提供免费的高清图片 +- [colorkitty](https://colorkitty.com/) 从你的图片中提取配色 +- [design.youzan](http://design.youzan.com/) 有赞设计原则 + +### 图库 + +- [uigradients](https://uigradients.com/) 渐变色生成工具 +- [freepik](https://www.freepik.com/) banner 图库 +- [觅元素](http://www.51yuansu.com/)一天免费下载十张 psd +- [搞定设计](https://www.gaoding.com/) 可以抠图 +- [vectorizer](https://www.vectorizer.io/) 真正的 png 转 svg 神器 +- [站酷](https://www.zcool.com.cn/) +- [花瓣](https://huaban.com/) +- [虎克](https://huke88.com/) Ps 学习教程 +- [beTheme](https://themes.muffingroup.com/be/splash/) +- [UI 中国](https://www.ui.cn/) + +## 有趣 + +- [帮你百度一下](http://www.baidu-x.com/) 可以 [点我测试一下](http://www.baidu-x.com/?q=和谐有爱富强)- +- [国际版](http://lmgtfy.com/) 同`帮我百度一下`-[点我测试一下](http://lmgtfy.com/?q=a)- +- [wallhaven](https://alpha.wallhaven.cc/) 壁纸网站- +- [URL 地址播放 Emojis 动画](http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/#🌖) 在地址栏里面播放 emoji +- [Can't Unsee](https://cantunsee.space/) 强烈建议前端、客户端、UI 开发的同学玩下,检查一下自己对设计稿的敏感度怎么样 +- [ggtalk](https://talk.swift.gg/) 平时一直在听的一个技术博客 +- [awesome-comment](https://github.com/Blankj/awesome-comment) 里面收集了很多有趣的代码注释 +- [text-img](https://www.text-image.com/index.html) 都将图片转化为 ascii 用来写注释 +- [weird-fonts](https://github.com/beizhedenglong/weird-fonts) 将普通字母转化为 特殊 unicode +- [snake](https://github.com/epidemian/snake) 在地址栏里面玩贪吃蛇 +- [zero-width-lib](https://github.com/yuanfux/zero-width-lib) 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配,很有创意 +- [abbreviations](https://www.abbreviations.com/) 查看一个简写是什么意思的网站 +- [magi](https://magi.com/) ai 搜索神器,超屌 +- [诺基亚短信图片生成器](https://zzkia.noddl.me:8020/) + +## 交互 + +- [微交互](http://aliscued.lofter.com/) 里面收集了市面上很多很好的微交互例子 值得学习 +- [Little Big Details](http://littlebigdetails.com/) 同上,一个国外微交互汇集网站 +- [cruip](https://cruip.com/) 登录页的各种页面设计,可以免费下载模板 +- [Comixify](https://comixify.ii.pw.edu.pl/) 一个波兰团队做了非常好玩的工具,可以把视频自动转成漫画,上图是他们提供的 demo,效果很棒。 +- [taiko-web](https://github.com/bui/taiko-web) 太鼓达人网页版 只能说很 6 + + + +## 教程 + +- [npx](https://egghead.io/courses/execute-npm-package-binaries-with-the-npx-package-runner) 教你怎么合理的使用 npx +- [hacksplaining](https://www.hacksplaining.com/lessons) 网络安全学习网站 +- [mobile-web-best-practice](https://github.com/mcuking/mobile-web-best-practice) 移动 web 最佳实践 + +## 产品 + +- [产品大牛](http://www.pmdaniu.com/) 什么有很多完整的产品原型可以借鉴 +- [磨刀](https://modao.cc/pricing) 快速出 ui 原型 + +## 实用 + +- [typeform](https://admin.typeform.com/signup) 一个国外的在线调查问卷网站 +- [VideoFk](https://www.videofk.com/) VideoFk 视频在线解析下载 +- [全历史](https://www.allhistory.com/) 历史内容聚合网站 +- [UzerMe](https://www.uzer.me/) 云端办公工具 +- [SoBooks](https://sobooks.cc/) 强大的电子书资源网站 +- [稿定设计](https://www.gaoding.com/) 键式设计工具+智能抠图 +- [大力盘](https://dalipan.com/) 百度网盘搜索 +- [ENFI 下载器](https://www.macbl.com/app/internet/enfi) 不限速下载器 +- [来画视频](https://www.laihua.com/) 像做 PPT 一样做短视频 +- [Arkie 海报制作工具](https://www.arkie.cn/) +- [优品 PPT](http://www.ypppt.com/) +- [比格 PPT](http://www.tretars.com/) +- [高清免费图片](https://www.pexels.com/) +- [高清免费图片 2](https://unsplash.com/) + +## Talk + +- [peerigon-talks](https://github.com/peerigon/talks) 收集了不少有意思的 talks + +## 算法 + +- [leetcode](https://github.com/azl397985856/leetcode) 用 js 刷 leetcode \ No newline at end of file diff --git a/docs/06.收藏夹/01.网站和工具.md b/docs/06.收藏夹/01.网站和工具.md deleted file mode 100644 index bf587bb..0000000 --- a/docs/06.收藏夹/01.网站和工具.md +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: 网站和工具 -date: 2020-04-12 10:54:16 -permalink: /bookmarks -article: false ---- -# 个人收藏夹 - -[一位大佬的收藏夹](https://panjiachen.github.io/awesome-bookmarks/) - -[码力全开资源库](https://maliquankai.com/designnav/) 很全很强大,独立开发者/设计干货/优质利器/工具资源... - -## 网站 - -### 文档 -* [MDN](https://developer.mozilla.org/zh-CN/docs/Web) Web技术权威文档 -* [现代JavaScript教程](https://zh.javascript.info) 以最新标准为基准的JS教程 -* [ES5教程](https://wangdoc.com/javascript/) 阮一峰的JS教程 -* [ES6教程](http://es6.ruanyifeng.com/) 阮一峰的ES6教程 -* [Bash 脚本教程](https://wangdoc.com/bash/) 阮一峰编写 -* [ECMA](https://www.ecma-international.org/) ECMA官网 -* [菜鸟教程](https://www.runoob.com/) 涵盖多种语言的初级教程 - -### 社区 -* [Github](https://github.com/) 程序员同性交友社区 -* [掘金](https://juejin.im/) 一个帮助开发者成长的社区 -* [简书](https://www.jianshu.com/) 有很多频道的创作社区 -* [思否](https://segmentfault.com/) 解决技术问题的社区 -* [stack overflow](https://stackoverflow.com/) 同上,外网的 -* [InfoQ](https://www.infoq.cn/topic/Front-end) -* [V2EX](https://www.v2ex.com/) -* [鱼塘热榜](https://mo.fish/main/home/hot) 划水网站,收集了很多网站,当天热门文章 - -### 博客 -* [阮一峰的网络日志](http://www.ruanyifeng.com/blog/) -* [css-tricks](https://css-tricks.com/) css技巧文章 - -### 文章 -* [灵活运用CSS开发技巧](https://juejin.im/post/5d4d0ec651882549594e7293) - -### 视频 -* [慕课网](https://www.imooc.com/) 实战视频教程 -* [妙味课堂](https://www.miaov.com/) 比较系统的前端入门视频教程 -* [中国大学MOOC](https://www.icourse163.org/) 涵盖计算机、外语、心理学等专业免费课程 -* [bilibili](https://www.bilibili.com/) B站,上面也有一些可供学习的免费视频 -* [egghead](http://egghead.io) 质量还不错的短视频教程,外网 - -### Github -* [github 短域名服务](https://git.io/) -* [shields](https://shields.io/) 徽章图标 - - -## 在线工具 -### 开发 -* [Can I use](https://caniuse.com/) 查看属性和方法的兼容性 - -### 代码编辑 -* [codepen](https://codepen.io) 在线代码编辑与演示 -* [codesandbox](https://codesandbox.io) 内嵌VSCode的在线IDE -### UI -* [iconfont](https://www.iconfont.cn/) 阿里巴巴矢量图标库 -* [undraw](https://undraw.co/illustrations) 免费的矢量插画 -* [icomoon](https://icomoon.io/) 矢量图标库 - -### Emoji表情 -* [emoji表情](https://emojipedia.org/) -* [emoji表情备忘录](https://www.webfx.com/tools/emoji-cheat-sheet) -> windows系统下按Win+.快速打开表情选择框 - -### 图片压缩 -* [tinypng图片压缩](https://tinypng.com) 压缩png很有用 -* [Squoosh](https://squoosh.app/) 谷歌出品在线免费图片压缩工具 - -### 作图 -* [processon在线作图](https://www.processon.com/) 流程图、思维导图、原型图等 -* [百度脑图](https://naotu.baidu.com) 思维导图 - -### CSS相关 -* [CSS生成器](https://neumorphism.io/) -* [CSS渐变生成器](https://www.colorzilla.com/gradient-editor/) -* [CSS3-Box Shadow(阴影)](https://www.html.cn/tool/css3Preview/Box-Shadow.html) -* [贝塞尔曲线生成器 ](https://cubic-bezier.com) - -### CDN加速 -* [jsDelivr](http://www.jsdelivr.com/) 国外的一家优秀的公共 CDN 服务提供商 - -### 正则 -* [正则可视化](https://regex101.com/) - -### 其他 -* [Linux命令手册](https://ipcmen.com/) - - - diff --git a/docs/06.收藏夹/02.资源.md b/docs/06.收藏夹/02.资源.md index c55b473..1f96639 100644 --- a/docs/06.收藏夹/02.资源.md +++ b/docs/06.收藏夹/02.资源.md @@ -14,23 +14,29 @@ article: false > 待整理 ## Vue -[Vuesax](https://lusaxweb.github.io/vuesax/) 一个优质的vue的组件库 +- [Vuesax](https://lusaxweb.github.io/vuesax/) 一个优质的vue的组件库 ## 移动端 -[fastclick](https://github.com/ftlabs/fastclick) 解决移动端点击延迟300ms问题 - -[better-scroll](https://github.com/ustbhuangyi/better-scroll) 移动端滚动插件 +- [fastclick](https://github.com/ftlabs/fastclick) 解决移动端点击延迟300ms问题 +- [better-scroll](https://github.com/ustbhuangyi/better-scroll) 移动端滚动插件 ## Node -[文章:跟着老司机玩转Node命令行](https://blog.csdn.net/qq_41903941/article/details/90259369) -[commander](https://github.com/tj/commander.js) 提供了用户命令行输入和参数解析的强大功能 -[inquirer](https://github.com/SBoudrias/Inquirer.js) 与命令行进行交互 -[chalk](https://github.com/chalk/chalk) 美化命令行打印样式 +- [commander](https://github.com/tj/commander.js) 提供了用户命令行输入和参数解析的强大功能 +- [inquirer](https://github.com/SBoudrias/Inquirer.js) 与命令行进行交互 +- [chalk](https://github.com/chalk/chalk) 美化命令行打印样式 + +**文章** +- [跟着老司机玩转Node命令行](https://blog.csdn.net/qq_41903941/article/details/90259369) ## 博客 -#### 静态博客评论插件 -[Gitalk](https://github.com/gitalk/gitalk) | +- [Gitalk](https://github.com/gitalk/gitalk) | [Valine](https://github.com/xCss/Valine) | -[Vssue](https://github.com/meteorlxy/vssue) +[Vssue](https://github.com/meteorlxy/vssue) 静态博客评论插件 + + + +## vuepress插件 +- [vuepress-plugin-flowchart](https://flowchart.vuepress.ulivz.com/) 流程图 + diff --git a/docs/06.收藏夹/03.Vue资源.md b/docs/06.收藏夹/03.Vue资源.md new file mode 100644 index 0000000..ba53e27 --- /dev/null +++ b/docs/06.收藏夹/03.Vue资源.md @@ -0,0 +1,2012 @@ +--- +title: Vue资源 +date: 2020-04-19 11:39:43 +permalink: /pages/12df8ace52d493f6 +article: false +--- +# vue资源 + +## 官方资源 + +- [官方指南](http://vuejs.org/guide/) +- [API 参考](http://vuejs.org/api/) +- [GitHub 回购](https://github.com/vuejs/vue) +- [发行说明](https://github.com/vuejs/vue/releases) +- [样式指南](https://vuejs.org/v2/style-guide/) +- [Vue.js 新闻](https://news.vuejs.org/) + +## 外部资源 + +- [vue.js 资料まとめ(日语)](https://gist.github.com/hashrock/f575928d0e109ace9ad0)by @hashrock +- [Vue.js 新闻稿](http://vue-newsletter.com/)-每周精选的 Vue.js 新闻的剂量 +- [Vue.js 提示](http://vuetips.com/)-成为更好的 Vue.js 开发人员的提示 +- [Vue.js Wikipedia](https://en.wikipedia.org/wiki/Vue.js) +- [Vue.js Radar](https://www.vuejsradar.com/)-精选的新闻通讯和网站,涵盖了新的 Vue.js 版本/贡献。 +- [Vue 新闻](https://vuenews.io/)-专注于最新 Vue.js 新闻和信息的社交网站。 +- [Vue 精选资源](https://hackr.io/tutorials/learn-vue-js)-推荐的 Vue.js 课程和教程。 +- [BuiltForVue](https://builtforvue.com/)-所有 Vue.js 组件和软件包的 NPM 镜像。 +- [Vue School](https://vueschool.io/)-通过核心成员和行业专家的视频课程学习 Vue.js +- [VueDose](https://vuedose.tips/)。有关忙碌的开发人员的 Vue 生态系统的提示和技巧。 +- [Vuelibs](https://vuelibs.org/)。基于 awesome-vue 存储库的 Vue.js 库和组件的简约列表。 + +## 工作门户 + +- [Vue.js 职位-VueJobs](https://vuejobs.com/)-一个 Vue.js 职位门户,可为您所有的 Vue.js 职位招聘或录用。 +- [Vue.js 面试问题](https://github.com/sudheerj/vuejs-interview-questions)-300 个 VueJS 面试问题和答案列表 + +## 社区 + +- [Twitter](https://twitter.com/vuejs) +- [官方论坛](http://forum.vuejs.org/) +- [vue-requests](https://github.com/vuejs/vue-requests)-请求您希望存在的 Vue.js 模块或获取有关模块的想法 + +## 会议 + +- [VueConf](http://conf.vuejs.org/) +- [Vue.js 伦敦](http://vuejs.london/) +- [VueConf US](http://vueconf.us/) +- [VueConf 多伦多](https://vuetoronto.com/) + +## 播客 + +- [Full Stack Radio#30(11-23-2015)](http://www.fullstackradio.com/30) +- [JavaScript Jabber#187(11-25-2015)](https://devchat.tv/js-jabber/187-jsj-vue-js-with-evan-you) +- [Changelog#184(11-27-2015)](https://changelog.com/184/) +- [软件工程日报(2015 年 12 月 29 日)](http://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/) +- [JavaScript Air 016(2016 年 3 月 30 日)](https://javascriptair.com/episodes/2016-03-30/) +- [Codecasts#2-Falando Sobre Vuejs e Web Components(2016-08-19)[pt-BR\]](https://soundcloud.com/codecasts/2-falando-sobre-vuejs-e-web-components) +- [Full Stack Radio#50(09-21-2016)](http://www.fullstackradio.com/50) +- [和 Vue.js 框架的作者聊聊前端框架开发背后的故事[zh-CN\]](http://teahour.fm/2015/08/16/vuejs-creator-evan-you.html) +- [MW S04E08-Vue.js 与 Evan You 和 Sarah Drasner(04-27-2017)](https://modernweb.podbean.com/e/mw-s04e09-evan-yu-sarah-drasner/) +- [提交请求#12-众筹开源(Vue.js)(06-15-2017)](https://changelog.com/rfc/12) +- [The Web Platform Podcast 132:Vue.js(07-27-2017)](http://thewebplatformpodcast.com/132-vuejs) +- [带有 MaximilianSchwarzmüller 的 JavaScript Jabber#276(08-29-2017)](https://devchat.tv/js-jabber/jsj-276-vue-js-maximilian-schwarzmuller) +- [使用 Sarah Drasner 动画 VueJS(软件工程日报 01-12-2017)](https://softwareengineeringdaily.com/2017/12/01/animating-vuejs-with-sarah-drasner/) +- [Vue 观看次数(Vue 每周播客开始于 2018 年 3 月 6 日)](https://devchat.tv/views-on-vue) +- [官方 Vue.js 新闻播客](https://news.vuejs.org/) +- [通过 QIT 技术播客索引器播出的 Vue 播客列表](https://qit.cloud/search/vue) +- [DNE 138-Vale a pena VueJS 吗?(01-05-2018)](https://devnaestrada.com.br/2018/01/05/vale-pena-vuejs.html) +- [Cynical Developer#99(10-15-2018)](https://cynicaldeveloper.com/podcast/99/) +- [语法#130(03-27-2019)](https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes) + +## Youtube 渠道 + +- [VueNYC](https://www.youtube.com/vuenyc) +- [VueConf 欧盟](https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw) + +## 官方例子 + +- [基本示例](http://vuejs.org/guide/) +- [Vue.js TodoMVC](https://github.com/vuejs/vue/tree/dev/examples/todomvc) +- [CoffeeScript 版本](https://github.com/anfelor/TodoMVC-CoffeeScript-and-Vue.js) +- [Vue.js HackerNews Clone](https://github.com/vuejs/vue-hackernews) +- [Vue.js 2.0 HackerNews Clone](https://github.com/vuejs/vue-hackernews-2.0) + +## 讲解 + +- [Vue.js 屏幕录像](https://laracasts.com/series/learn-vue-2-step-by-step)关于 Laracasts -Auth0 博客上的[Vuejs 2 身份验证教程](https://auth0.com/blog/vuejs2-authentication-tutorial/) +- [Scotch.io 上的[使用 Vue.js 创建 GitHub File Explorer](https://scotch.io/tutorials/create-a-github-file-explorer-using-vue-js) +- [Vue.js 教程](http://vegibit.com/vue-js-tutorial/)关于 Vegibit +- [Vue.js 使用 webpack,vue-loader 和热重装从零开始构建设置](http://skyronic.com/2015/12/28/vue-project-scratch/) +- [Vuex 基础:教程和说明](http://skyronic.com/2016/01/03/vuex-basics-tutorial/) +- [Vuex 简介视频-来自伦敦 Vue.js 聚会#1 的 James Browne](https://www.youtube.com/watch?v=l1KHL-TX3qs) -Laravist 上的[Vue.js 中文系列视频教程](https://laravist.com/series/vue-js-1-0-in-action-series) +- [craigmckenna.com 上的[使用 Vue.js 开发反应式发票应用程序](http://craigmckenna.com/develop-a-reactive-invoice-app-using-vue-js/) +- [带有葡萄牙语的 Laravel 和 Vue.js 的混合应用示例](https://www.youtube.com/watch?v=TGSJjDahlrQ),作者@vedovelli -oguzhan.in 上的[Vue.js 土耳其语简介](http://oguzhan.in/vue-js-ile-uygulama-gelistirme/) +- [Vue.js 西班牙语视频教学系列(3-8-2016)](https://www.youtube.com/watch?v=IlFk3cyRB0Y&list=PLM-Y_YQmMEqD2EWfWpSbiV3WgShRRW3FE&index=7)在 YouTube 上由 JuanAndrésNúñez 制作 +- [Stude.net 上的[Vue.js 西班牙语电视广播系列](https://styde.net/curso-de-vue-js/) -bhnddowinf 上的[讲解 Vue.js 官网中文-含代码,百度云,youtube](https://github.com/bhnddowinf/vuejs-learn) +- [Pusher 上的[使用 VueJS,ES2015 和 Webpack 探索实时应用\]](https://blog.pusher.com/exploring-real-time-apps-with-vuejs-es2016-and-webpack/) -sekolahkoding.com 上的[印尼语中的 Vue.js](https://www.sekolahkoding.com/track/belajar-vue-js) +- [.dev 中来自 Scratch 系列的 Vue.js 俄语](https://www.youtube.com/playlist?list=PL5r0NkdgM0UOxb4Hl81FV5UIgexwTf8h7) +- [Flask,RethinkDB,Vue.js,ч。[СтвореннясервісудлязберіганняфайлівзFlask。1](http://codeguida.com/post/526/)乌克兰 +- [VueJS 2 法语教程](https://www.youtube.com/playlist?list=PLjwdMgw5TTLW-mAtlR46VajrKs4dep3y0)Françaispar Grafikart +- [Jayway Vue.js 2 研讨会。使用 vue-router,vuex 和 vue-resource 构建一个电子商务站点](https://github.com/jayway/vue-js-workshop) +- [如何使用 Wijmo 控件创建出色的 VueJS 应用程序](http://wijmo.com/blog/how-to-create-great-vuejs-applications-using-wijmo-controls/) -bhnddowinf 上的[讲解 Vue.js 2 官网中文-含代码,百度云,youtube](https://github.com/bhnddowinf/vuejs2-learn) +- [Vue.js 备忘单:服务器端应用程序,路由器,Vuex 存储,GraphQL 等](https://www.gitbook.com/book/xpepermint/vue-js-cheatsheet/details)由[@xpepermint](https://twitter.com/kristijansedlak) +- [使用 Vue.js 加载类似图片的媒体](https://www.theodo.fr/blog/2016/10/medium-like-image-loading-with-vue-js/) +- [Metric Loop]上的[如何在 Laravel Spark 项目中使用 Vuex](https://metricloop.com/blog/how-to-use-vuex-in-a-laravel-spark-project) /metricloop.com/blog) +- [Metric Loop]上的[如何在 Vuex 中设置模块](https://metricloop.com/blog/how-to-set-up-set-up-modules-in-vuex)(https://metricloop.com/blog ) -关于 Laracasts 的[学习 Vue 2:循序渐进](https://laracasts.com/series/learn-vue-2-step-by-step) +- [Vue.js 中文教程](http://javascript.ctolib.com/docs/read/vue-js-c-index.html) +- [在 Vue.js 2.0 框架上启动和运行](https://www.sitepoint.com/up-and-running-vue-js-2-0/)在 SitePoint 上 +- [Metric Loop]上的[如何使用 Vuex 进行 API 调用](https://metricloop.com/blog/how-to-make-api-calls-with-vuex)(https://metricloop.com/blog ) +- [度量循环](https:// metricloop)上的[如何使用 Vuex 构建功能](https://metricloop.com/blog/how-to-use-vuex-to-build-a-feature)。 com / blog) -DevMarketer 在 YouTube 上发布了[Vue.js 2.0 基础知识](https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O) +- [无知的 Vuex-Vue 的应用程序数据存储上缺少的入门手册](https://medium.com/js-dojo/vuex-for-the-clueless-the-missing-primer-on-vues-application-data -store-33fa51ffc3af#.2j25xpfui) +- [实时网格组件 Laravel,Vue.js,Vuex 和 Socket.io](https://www.youtube.com/watch?v=Jxefsv5Zqkw&t=3s) +- [VueJS 2-完整指南(包括 Vuex)-Udemy 教程](https://www.udemy.com/vuejs-2-the-complete-guide) +- [在[egghead.io](https://egghead.io/)上使用 Vue.js 开发 Web 应用](https://egghead.io/courses/develop-web-apps-with-vue-js) +- [Vue.js 2-入门](https://www.youtube.com/playlist?list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07) +- [Vue.js 2 和 Vuex(基本)](https://www.youtube.com/playlist?list=PL55RiY5tL51pT0DNJraU93FhMzhXxtDAo) +- [Fatih Acet](http://fatihacet.com/)在 YouTube 上的[TürkçeVueJSEğitimVideoları](https://www.youtube.com/playlist?list=PLa3NvhdFWNipwk1KXeUpVQnAiAfuBw4El) +- [通过六个步骤从头开始在 Vue.js 中构建 JSON 树视图组件](https://devblog.digimondo.io/building-a-json-tree-view-component-in-vue-js-from-scratch -由[Arvid Kahl](https://www.twitter.com/arvidkahldev)在[digimondo devblog](https://devblog.digimondo.io/)上的-in-six-steps-ce0c05c2fdd8#.738ok0l4p) +- [Vue!-Illya Klymov 在 YouTube 上的 OpenLecture 2017.01 俄语](https://youtu.be/7pmw5gvWAf8)([@xanf](https://github.com/xanf/)) +- [@afropolymath](https://twro.xn--com[vue-clivue-g76vmusk12rb72hux8dd8fjv2aeo9a.xn--js]-7v2fya4975ahfh/)(https://afropolymath.svbtle.com/bootstrapping-your-first-vue-js-project/)。 com / afropolymath) +- [@分离]的[从头开始构建 vue-hackernews-2.0](https://github.com/Detachment/Build-vue-hackernews-2.0-from-scratch)(https://github.com/Detachment) +- [使用 vue-kindergarten 为您的 Vue.js 和 Nuxt.js 应用程序提供基于角色的授权](https://medium.com/@JiriChara/role-based-authorization-for-your-vue-js-and-nuxt- js 应用程序使用 vue 幼儿园-fd483e013ec5#.kp81np177) +- [完整的 Vue.js 应用程序教程-使用 Vue 创建简单的预算应用程序](http://matthiashager.com/complete-vuejs-application-tutorial),作者为[@matthiaswh](https://github.com/matthiaswh) +- [Vue.js 教程:经过渲染的 SEO 友好示例](https://snipcart.com/blog/vuejs-tutorial-seo-example) +- [Vue.js 简介,供仅了解足够的 jQuery 的人使用](https://medium.com/@mattrothenberg/vue-js-introduction-for-people-who-know-just-enough-jquery-to -通过 eab5aa193d77 获取) +- [使用 Vue.js 和 Axios 从第三方 API 获取数据](https://www.sitepoint.com/fetching-data-third-party-api-vue-axios/) +- [Vue 2 的趣味项目(视频)](https://www.packtpub.com/web-development/fun-projects-vue-2-video),作者:Packt 的 Peter van Meijgaard。(2017 年 4 月) +- [Vue JS:同时运行 Express 和 Webpack Dev Server](Henrik Fogelberg)在媒体上的(https://medium.com/dailyjs/vue-js-simultanelyly-running-express-and-webpack-dev-server-292f4a7ed7a3) +- [The Net Ninja]在 YouTube 上发布了[Vue JS 2 教程](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa)(https://www.thenetninja.co.uk) +- [在 5 分钟内将无头 CMS 添加到 VueJ 中](https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5分钟) +- [vue 架构中的观察者](https://github.com/dengwanc/dengwanc.github.io/issues/11) +- [使用 Vue.js 构建您的第一个应用](http://tutorialzine.com/2016/08/building-your-first-app-with-vue-js/) +- [5 个学习 Vue.js 的实用示例](http://tutorialzine.com/2016/03/5-practical-examples-for-learning-vue-js/) +- [@jesalg]的[从 KnockoutJS 迁移至 VueJS](https://jes.al/2017/05/migrating-from-knockoutjs-to-vuejs/)(https://twitter.com/jesalg) +- [通过 Vue.js 创建测验](https://medium.com/@rap2h/create-a-quiz-with-vue-js-ed1e8e0e8294)由[@ rap2h](https://twitter.com/ rap2h) +- [@chadcampbell]的[Vue.js:入门](https://ecofic.com/courses/vue-getting-started/)(https://twitter.com/chadcampbell) +- [Vue.js 2 和 Firebase-构建实时单页 Web 应用程序](https://www.youtube.com/watch?v=we4zuQIXmnw) +- [Vue.js 2 和 Vue 资源-具有外部 API 访问权限的实际应用程序](https://www.youtube.com/watch?v=p-7Zi9xYt2M) +- [面向初学者的 Vue.js 交互式屏幕录像](https://scrimba.com/playlist/playlist-38) +- [AliGÖREN]在 YouTube 上发布的[Vue.JS ile NASAAPI'ınıKullanarak VeriÇekme](https://www.youtube.com/watch?v=uC5b2VDATDU)(https://aligoren.com) +- [使用 Vue.js 2 进行 Web 开发(视频)](https://www.packtpub.com/web-development/web-development-vuejs-2-video),作者是 Packt 的 Olga Filipova。(2017 年 6 月) +- [使用 VueJS 和 Pusher 建立实时图表](https://blog.pusher.com/build-realtime-chart-with-vuejs-pusher/) +- [Vue 简介,前端大师课程的回购](https://github.com/sdras/intro-to-vue) +- [关于 CSS 技巧的 Vue 指南](https://css-tricks.com/guides/vue/) +- [在您的 VueJS 应用中使用打字稿](https://medium.com/coding-blocks/using-typescript-in-your-vue-app-c4aba0bbc8bc) -关于 nodelover 的[Vue.js 视频系列,免费,入门,实战](http://nodelover.me/courses) -ninghao.net 上的[Vue.js 预览](https://ninghao.net/course/4256) +- [@chadcampbell]的[Vue.js:开发机器设置](https://www.ecofic.com/about/blog/vue-dev-machine-setup/)(https://twitter.com/chadcampbell) +- [使用 Vue-router 构建 Vue v2 JS 应用](https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/) [@mikestreety](https://twitter.com/mikestreety) +- [@Atom_Hernandez][https://medium.com/@davidatomhernandez/how-to-a-simple-carousel-with-vue-138715d615d7)制作自己的旋转木马](https://twitter.com / Atom_Hernandez) +- [使用官方 Vue 测试工具和 Jest 对 Vue.js 组件进行单元测试](https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing- [@alexjoverm](https://twitter.com/alexjoverm)的 Tools-and-Jest /) +- [[创建 Vue.js 过渡和动画:实时示例](https://snipcart.com/blog/vuejs-transitions-animations),作者为[@udyuxdev](https://twitter.com/UdyUXDev) +- [创建自定义 Vue.js 插件](https://alligator.io/vuejs/creating-custom-plugins/) +- [VueJS 第 1 部分中的异步](https://medium.com/js-dojo/async-in-vue-js-part-1-28d96f751a2e) +- [VueJS 第 2 部分中的异步](https://medium.com/js-dojo/async-in-vuejs-part-2-45e81c836e38) +- [@mikestreety]https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store)使用[不带插件的 Vuex 存储使用 localStorage] //twitter.com/mikestreety) +- [@mikestreety]的[使用道具通过 Vue Router 访问组件内的 URL 参数](https://www.youtube.com/watch?v=ESg0k2zdME4)(@mikestreety)(https://twitter.com/mikestreety) +- [使用 Pm2 和 Nginx 在生产中部署 Vue.js — SSR(Vuetify)](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and- nginx-ec7b5c0748a3) +- [laracast](https://laracasts.com/series/testing-vue)上的[Testing Vue Components](http://testingvue.com/) +- [[CodyLSeibert]的[[使用 Vue.js 和 Express.js 构建全栈 Web 应用\]](https://www.youtube.com/watch?v=Fa4cRMaTDUI&t=)(https://twitter.com/CodyLSeibert ) +- [Vue.js 2 条食谱(视频)](https://www.packtpub.com/application-development/vuejs-2-recipes-video),由 Packt 的 Peter van Meijgaard 撰写。(2017 年 9 月) +- [Sabe.io]上的[Vue.js 入门](https://sabe.io/tutorials/getting-started-with-vue-js)(https://sabe.io/) +- [使用 Vue 2 构建您的第一个高级 CRUD 应用程序(视频)](https://chu1204505056.gitee.io/byui-bookmarks/awesome/Peter)(https://www.packtpub.com/web-development/building-your-first-advanced-crud-application-vue-2-video)范·迈加德(Pack Meitgaard)(2017 年 7 月) +- [프론트엔드Vue.js입문서](https://joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/) +- [Inflearn]上的[누구나다루기쉬운Vue.js(视频)](https://www.inflearn.com/course/vue-pwa-vue-js-기본/) ](https://www.inflearn.com/),由[Captain Pangyo](https://joshua1988.github.io/) +- [在 2 小时内建立一个 Vue.js 博客顶部](https://snipcart.com/blog/vuejs-blog-demo#tutorial)在[Snipcart](https://snipcart.com/) +- [Sales Bhatnagar [@sachinbee](https://www.twitter.com/sachinbee)的[VueJS 2 入门](https://www.udemy.com/getting-started-with-vue-js) [Udemy](https://udemy.com/) +- [Sabe.io]上的[Vuex 入门:在 Vue.js 中管理状态](https://sabe.io/tutorials/getting-started-with-vuex)(https://sabe.io/) +- [Sergii Stotskyi 的[使用 CASL 的 Vue2 ACL\]](https://medium.com/@sergiy.stotskiy/vue-acl-with-casl-781a374b987a) +- [简化 JavaScript 选择-Angular 诉 React 诉 Vue(视频)](https://www.packtpub.com/application-development/javascript-choice-made-easy-%E2%80%93-angular- v-react-v-vue-video),Packt 的 Daniel Kmak。(2017 年 11 月) -Storyblok 博客上的[使用 Auth0 的 Vuejs 2.5+身份验证教程](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication) +- [带有 Vue 的 GraphCMS 初学者指南](https://graphcms.com/docs/getting-started/beginners_guide_with_vue/)在 GraphCMS 上 +- [在 Chrome 和 VS Code 中调试 Vue.js](https://github.com/Microsoft/vscode-recipes/tree/master/vuejs-cli)此食谱展示了如何将 Debugger for Chrome 扩展程序与 VS Code 一起使用调试由 Vue CLI 生成的 Vue.js 应用程序。 +- [Packet Sachin Bhatnagar 的[Vue JS 2 入门(视频)](https://www.packtpub.com/web-development/getting-started-vue-js-2-video)。(2018 年 1 月) +- [使用 Vue.js 构建电影应用界面](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b),作者是 Hassan Djirdeh,[@ djirdehh](https: //twitter.com/djirdehh) +- [让我们建立一个自定义的 Vue.js 路由器](https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4),作者:Hassan Djirdeh,[@djirdehh](https:// twitter .com / djirdehh) +- [由 Vue,Webpack 4 和 Babel 入门](https://medium.com/@BjornKrols/getting-started-with-vue-webpack-4-babel-edd3e577421e),作者是 Bjorn Krols,[@ KrolsBjorn](https ://twitter.com/KrolsBjorn) +- [如何将 Bootstrap 4 添加到您的 Vue 项目](https://medium.com/@BjornKrols/integrating-and-customising-bootstrap-4-in-vue-js-cbc29ba7688e),作者:Bjorn Krols,[@ KrolsBjorn](https://twitter.com/KrolsBjorn) +- [如何将语义 UI 添加到您的 Vue 项目中](作者:Bjorn Krols,[@KrolsBjorn](https://codeburst.io/how-to-add-semantic-ui-to-your-vue-project-cc8c4783a673)( https://twitter.com/KrolsBjorn) +- [Bjorn Krols 的[如何将 ESLint 添加到您的 Vue 项目](https://codeburst.io/tutorial-how-to-add-eslint-to-your-vue-js-project-ccfb84fab9),[@KrolsBjorn](https://twitter.com/KrolsBjorn) +- [如何通过 Vue 中的 URL 查询参数使内容动态化](https://chu1204505056.gitee.io/byui-bookmarks/awesome/Bjorn)(https://medium.com/@BjornKrols/tutorial-dynamic-content-via-url-query-parameters-in-vue-js-d2df19b66633) Krols,[@KrolsBjorn](https://twitter.com/KrolsBjorn) +- [如何为 AWS S3 托管的 Vue 应用程序启用历史记录模式](https://medium.com/@BjornKrols/how-to-enable-history-mode-for-aws-s3-hosted-vue-applications-3bf40d51d9a7)作者:Bjorn Krols,[@KrolsBjorn](https://twitter.com/KrolsBjorn) +- [Bjorn Krols 的[使用断点调试 Vue 应用程序的基本介绍](https://medium.com/@BjornKrols/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2),[@ KrolsBjorn](https://twitter.com/KrolsBjorn) +- [使用 ButterCMS 无头后端构建 Vue.Js 电子商务应用程序](https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms) +- [MASTER VUE.JS](https://vueschool.io/) +- [使用 Go 和 Vue.js 构建投票应用程序](https://pusher.com/tutorials/voting-app-go-vuejs) +- [使用 Vue.js 构建协作绘画应用程序](https://pusher.com/tutorials/collaborative-painting-vuejs) +- [使用 Stripe 构建实时付款信息中心](https://pusher.com/tutorials/realtime-payment-dashboard-stripe) +- [使用 Vue.js 构建加密货币跟踪器](https://pusher.com/tutorials/cryptocurrency-tracker-vue) +- [使用 Vue.js 构建设计反馈应用程序](https://pusher.com/tutorials/design-feedback-vuejs) +- [使用 Flask 和 Vue.js 开发单页应用](https://testdriven.io/developing-a-single-page-app-with-flask-and-vuejs) +- [使用 Stripe,Vue.js 和 Flask 接受付款](https://testdriven.io/accepting-payments-with-stripe-vuejs-and-flask) +- [serverlarup.net 上的[使用 Laravel 和 VueJS 进行 API 驱动的开发(免费课程)](https://serversideup.net/courses/api-driven-development-laravel-vuejs/) +- [在 Vue.js 中管理状态](https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87),作者:哈桑·吉尔德(Hassan Djirdeh),[@djirdehh](https://twitter.com/djirdehh) +- [由 Vue.js 制作的真实世界项目](https://www.packtpub.com/web-development/real-world-projects-vuejs-video),由 Packt 的 Daniel Khalil 撰写。(2018 年 8 月) +- [Heartbeat(Vue + NW.js 视频系列)]https://goo.gl/8p3msR),作者:@@ ackzell(https://github.com/ackzell)(2017-2018) +- [带有 Nuxt.js 的 Firebase 服务器端渲染 Vue 应用程序(带有 JavaScript 框架的服务器端渲染)](https://www.youtube.com/watch?v=ZYUWsjUxxUQ) +- [Firebase 使用 Nuxt.js(使用 JavaScript 框架的服务器端渲染)测量 Vue SSR 性能)](https://www.youtube.com/watch?v=Y5XX2lruhxs) +- [使用 D3 和 Vue 创建交互式地图](https://dev.to/denisinvader/creating-an-interactive-map-with-d3-and-vue-4158)(2018 年 10 月) +- [编写通用的,支持 SSR 的 Vue 组件的指南](https://blog.lichter.io/posts/the-guide-to-write-universal-ssr-ready-vue-compon) +- [Vue School]的[Vue.js 基础知识](https://vueschool.io/courses/vuejs-fundamentals)(https://vueschool.io) +- [Vuex for Everyone](https://vueschool.io/courses/vuex-for-everyone)由[Vue School](https://vueschool.io/) +- [Vue School]的[Vue.js 表单验证](https://vueschool.io/courses/vuejs-form-validation)(https://vueschool.io) +- [Vue School]的[Vue.js 大师班](https://vueschool.io/courses/the-vuejs-master-class)(https://vueschool.io) +- [Vue School]的[Vue.js Firebase 实时数据库](https://vueschool.io/courses/vuejs-firebase-realtime-database)(https://vueschool.io) +- [Vue School]的[Vue.js Firebase 身份验证](https://vueschool.io/courses/vuejs-firebase-authentication)(https://vueschool.io) +- [Vue School]的[带有 Vue.js 的动态表单](https://vueschool.io/courses/dynamic-forms-vuejs)(https://vueschool.io) +- [Vue School]的[Custom Vue.js Directives](https://vueschool.io/courses/custom-vuejs-directives)(https://vueschool.io) +- [Vue.js 应用程序开发要点](https://www.packtpub.com/application-development/vuejs-application-development-essentials-video),作者是 Packt 的 BartłomiejPotaczek。(2018 年 10 月) +- [对 Vue.js 进行故障排除](https://www.packtpub.com/application-development/troubleshooting-vuejs-video),作者:克里斯蒂安·赫尔(Packet Hur),帕特。(2018 年 10 月) +- [Nuxt.js-类固醇上的 Vue.js](https://www.packtpub.com/application-development/nuxtjs-vuejs-steroids-video),作者:MaximilianSchwarzmüller,Packt。(2018 年 10 月) +- [使用 Quasar(和 Vue)构建电子文件资源管理器](https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6),作者:@@ hawkeye64](https://github.com/hawkeye64)。(2018 年 11 月) +- [Udemy]上的[使用 Vue JS 2 和 Firebase 构建 Web 应用程序](https://www.udemy.com/build-web-apps-with-vuejs-firebase/learn/v4/overview)(https:// [The Net Ninja]的 www.udemy.com/)(https://www.thenetninja.co.uk/) +- [Udemy]上的[Vue JS 2-完整指南(包括 Vue Router 和 Vuex)](https://www.udemy.com/vuejs-2-the-complete-guide/learn/v4/overview)( https://www.udemy.com/),MaximilianSchwarzmüller +- [使用 Vue.js,Vuex,Vuetify 和 Firebase 的 SPA 应用程序(第 1 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -1 /)由 Jennifer Bland [@ratracegrad](https://github.com/ratracegrad)。(2018 年 11 月) +- [使用 Vue.js,Vuex,Vuetify 和 Firebase 的 SPA 应用程序(第 2 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -2 /)由 Jennifer Bland [@ratracegrad](https://github.com/ratracegrad)。(2018 年 11 月) +- [使用 Vue.js,Vuex,Vuetify 和 Firebase 的 SPA 应用程序(第 3 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -3 /)由 Jennifer Bland [@ratracegrad](https://github.com/ratracegrad)。(2018 年 11 月) +- [使用 Vue.js,Vuex,Vuetify 和 Firebase 的 SPA 应用程序(第 4 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -4 /),作者是 Jennifer Bland [@ratracegrad](https://github.com/ratracegrad)。(2018 年 11 月) +- [詹妮弗·布兰德(Jennifer Bland)[@ratracegrad](https://github.com/ratracegrad)将[国际化添加到 Vue 应用程序](https://www.jenniferbland.com/adding-internationalization-to-a-vue-application/) )。(2018 年 11 月) +- [由 Vue JS 2 编写的实用项目](https://www.packtpub.com/web-development/practical-projects-vue-js-2-video),作者是 Packt 的 Jack Herrington。(2018 年 12 月) +- [Lessipe](https:// lessipe)的[Lessipe](https://www.lessipe.com/)上的[Vue.js기초다지기(视频)](https://lessipe.com/course/15) .com /) +- [由 Vue.js 和 Node.js 进行的全栈 Web 开发](https://www.packtpub.com/web-development/full-stack-web-development-vuejs-and-nodejs-video),作者 Haider Rehman, Packt。(2019 年 1 月) +- [Designer for Vue](https://designcode.io/vue),由 Design + Code 提供(2019 年 2 月) +- [Talat Tufekci]的[Vue 土耳其语简介](https://www.onbirkod.com/vue-js-giris-1/)(https://www.onbirkod.com) +- [Talat Tufekci]的[使用土耳其语的 Vue-Resource 提取数据](https://www.onbirkod.com/vue-js-2-vue-resource/)(https://www.onbirkod.com) +- [Talat Tufekci]的[使用土耳其语 Vue-router 的 Spa 应用程序](https://www.onbirkod.com/vue-js-3-vue-router-ile-bir-spa-uygulamasi/) /www.onbirkod.com) +- [Talat Tufekci]的[使用土耳其语的 Vue-cli 创建 Vue 项目](https://www.onbirkod.com/vue-js-4-vue-cli-ile-hazir-gelen-proje-sablonlari/) https://www.onbirkod.com) +- [Taul Tufekci]的[Vue 组件和土耳其语 Vuex 之间的消息传递](https://www.onbirkod.com/vue-js-5-bilesenlerin-birbiriyle-haberlesmesi-ve-vuex/) .onbirkod.com) +- [作者:Michael Thiessen][如何在vue中动态添加类名称](https://michaelnthiessen.com/dynamically-add-class-name/) +- [使用 ScaffoldHub 使用 Vue JS,Node JS 和 SQL 或 MongoDB 构建图书馆 Web 应用程序](https://www.youtube.com/watch?v=FdC4Mjljd3k)作者 Felipe Lima [@scaffoldhub_io](https:// twitter.com/scaffoldhub_io) +- [使用 NativeScript + Vue 构建实时位置跟踪应用](https://medium.com/saibbyweb/building-a-real-time-location-tracking-app-with-nativescript-vue-under-350-lines-代码为8b51ad40d657),由 Saibbyweb 撰写 + +## 事例 + +- [使用 Laravel 中的 JWT Auth +示例后端 API 的入门应用程序](http://forum.vuejs.org/topic/39/starter-application-with-jwt-auth-sample-backend-api) +- [节点 Webkit + Vue 示例](https://github.com/brandonjpierce/node-webkit-boilerplate)@brandonjpierce +- [Vue 样本](https://github.com/superlloyd/VueSamples)@superlloyd +- [使用 vue.js + vue-router 的 HackerNews 克隆](https://github.com/kazupon/vue-router-hackernews),作者@kazupon +- [电子+ Vue 示例](https://github.com/bradstewart/electron-boilerplate-vue),@ bradstewart +- [Boris Okunskiy]的[单页应用程序示例(Vue + Voie)](https://github.com/inca/voie-example)(https://github.com/inca) +- [开始-用 Vue +流明编写的 Task Manager SPA](https://github.com/rajabishek/begin),作者是[Raj Abishek](https://github.com/rajabishek) +- [BosNaufal]的[Vue Mini Shop](https://github.com/BosNaufal/vue-mini-shop)(https://github.com/BosNaufal) +- [Vue SoundCloud](https://github.com/mul14/vue-soundcloud)由[mul14](https://github.com/mul14) +- [功能请求(Laravel + Vue 组合)](https://github.com/haydenbbickerton/feature-requests-app)由[haydenbbickerton](https://github.com/haydenbbickerton) +- [@ yjj5855]的[Vue Cookbook(Vue1.0 + Express)](https://github.com/yjj5855/node-vue-server-webpack)(https://github.com/yjj5855):演示服务的第一个屏幕渲染 +- [Strong Together](https://github.com/websemantics/strong-together)-一个启动器项目,基于 Browserify 和 Semantic-,以独立或 Laravel / Laravel Spark 项目的形式构建单页 Vue.js 应用程序, ui)由[WebSemantics](https://github.com/websemantics) +- [vuetest:在 iframe 中具有用户身份验证,bootstrap ui,上传器,所见即所得编辑器的广告管理网站](https://github.com/sjerrys/vuetest) +- [vue-shopping](https://github.com/andylei18/vue-shopping)由[andylei18](https://github.com/andylei18) +- [Vue-cnodejs,060](https://github.com/shinygang/Vue-cnodejs)由[@shinygang](https://github.com/shinygang) +- [vue-zhihu-daily](https://github.com/hilongjw/vue-zhihu-daily)由[hilongjw](https://github.com/hilongjw) +- [VueChess](https://github.com/gustaYo/vue-chess)- [gustaYo]的多人在线国际象棋游戏(https://github.com/gustaYo) +- [Ngexplorer-vuejs-client](https://github.com/gustaYo/ngexplorer-vuejs-client)- [Nugexplorer](https://github.com/gustaYo/ngexplorer-MEAN)的正式客户端](https://github.com/gustaYo) +- [Vue 2048(Vue + Webpack)][https:// pengfu](https:// pengfu](https://github.com/pengfu)的https://pengfu.github.io/vue-2048/):流行的 2048 游戏使用 Vue 实现,Webpack,Sass,ES6 +- [BosNaufal]的[Vue Simple PWA](https://github.com/BosNaufal/vue-simple-pwa)(https://github.com/BosNaufal) +- [Tour of Heroes(Vue 2.0)](https://github.com/aweber1/tour-of-heroes-vue2):Angular 2.0 的 Vue 2.0 端口[Tour of Heroes](https:// angular。 io / docs / ts / latest / tutorial /)演示应用程序。亮点:ES6 / 7,渲染功能,JSX,[revue](https://github.com/revue/revue)(Vue 的 Redux 绑定),[vue-router](https://github.com/vuejs/ vue-router),[Airbnb eslint](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base),webpack。由[@ aweber1](https://github.com/aweber1) +- [vue-table-pagination](https://github.com/echoVic/vue-table-pagination)由[echovic](https://github.com/echovic)进行分页的表 +- [Feathers and Vue 2.0 Blog Admin Demo](https://github.com/delay/feathers-vue-blog-admin-demo)演示了如何在 Vue 2.0 中使用 Feathers。它包含[delay]的身份验证,vue 路由器,vue 无限加载和角色(https://github.com/delay) +- [vue-zhihudaily-2.0](https://github.com/cs1707/vue-zhihudaily-2.0)Zhihudaily 演示程序是使用 Vue 2.0,vue-router 和 vuex 构建的,并具有服务器端渲染功能。由[cs1707](https://github.com/cs1707) +- [vue-demo-todolist](https://github.com/fishenal/Todos_Vuejs)是一个简单的 vue2.0 演示,它使用 Vue 2.0 vue-cli 构建。通过[fishenal](https://github.com/fishenal) +- [liueans]的[vue-AdminLte](https://github.com/liujians/vue-adminLte-vue-router)(https://github.com/liujians) +- [vue(2.0)+ Node.js:博客内容管理系统(CMS)](https://github.com/ycwalker/CMS-of-Blog),作者@ycwalker +- [ngexplorer-quasar](https://github.com/gustaYo/ngexplorer-quasar)- [Ngexplorer](https://github.com/gustaYo/ngexplorer-MEAN)的实现与[quasar 框架](https: //gust.Yo 的//github.com/rstoenescu/quasar-framework)(https://github.com/gustaYo) +- [zhihu-daily-vue](https://github.com/moonou/zhihu-daily-vue)[moonou](https://github.com/moonou)基于 vue2.0 的 zhihu 日报 +- [loopback-vue](https://github.com/qxl1231/generator-loopback-vue)loopback + vue + vue-resource,ionic-app,vue 页面分页功能,验证权限控制,访问令牌机制,凭证,CI ,docker [qxl1231](https://github.com/qxl1231) +- [vue-s3-dropzone](https://github.com/kfei/vue-s3-dropzone)Vue.js 拖放组件可将文件无服务器上传到 AWS S3 +- [easy-vue](https://github.com/TIGERB/easy-vue)一个简单的示例,使用 vue 在 vue 2.0,vuex 2.0,vue-router 2.0,vue-infinite-scroll 2.0, [TIGERB]的 vue-progressbar 2.0(https://github.com/tigerb) +- [度量循环]的[Vuex 事件消息演示](https://github.com/metricloop/vuex-events-messaging-demo)(https://metricloop.com/blog) +- [vue-memo](https://github.com/akifo/vue-memo)使用 Vue.js(> 2.x。),vue-router(> 2.x。),vuex( > 2.x。),vuex-router-sync @ next(> 3.x。)和 Firebase(> 3.6.x),作者为[akifo](https://github.com/akifo) +- [Resume Vue](https://github.com/ChangJoo-Park/Resume-Vue)[ChangJoo Park]的基于 JSON 的基于 Vue 2.0 的简历(https://github.com/ChangJoo-Park/) -使用[Phoenix Framework](http://phoenixframework.org/),Vue 和 Vue Router([*demo*](https://chu1204505056.gitee.io/byui-bookmarks/awesome/https:/)开发的[具有 JWT 身份验证的应用示例](https://github.com/Angarsk8/phoenix_vuejs_authentication_example) phoenix-vue-auth.herokuapp.com))[@ Angarsk8](https://github.com/Angarsk8) +- [在 Vue 2.0 中使用路由器示例 CRUD 应用](https://github.com/shershen08)(https://github.com/shershen08/vue.js-v2-crud-application)(https://github.com/shershen08) +- [@mgyongyosi]的[ASP.NET Core Vue.js 服务器端呈现示例](https://github.com/mgyongyosi/VuejsSSRSample)(https://github.com/mgyongyosi) +- [vuefire-quickstart](https://github.com/sejr/vuefire-quickstart)-通过[@sejr](https://github.com/sejr)记录的带 Webpack 和 eslint 的 Firebase 集成。 +- [hello-vue-django Vue.js 和 Django 集成入门项目,带有热代码重载](https://github.com/rokups/hello-vue-django) +- [实时社交新闻应用](https://github.com/Angarsk8/loopa-news),是由[Phoenix](http://phoenixframework.org/),Vue,Vue Router 和 Vuex([_demo _](https ://loopa-news.herokuapp.com)),作者为[@ Angarsk8](https://github.com/Angarsk8) +- [vue-calculator](https://github.com/CaiYiLiang/simply-calculator-vuejs)是一个使用 Vue 2.0 构建的简单计算器,vue-cli(webpack-simple)。通过[CaiYiLiang](https://github.com/CaiYiLiang) +- [Wikipedia-viewer](https://github.com/CaiYiLiang/vue-demos/tree/master/wikipediaViewer-vuejs)一个简单的 Wikipedia-viewer 页面,使用 vue2.x,vue-router,vue-cli(webpack)构建-simple)和 ajax(jsonp)。通过[CaiYiLiang](https://github.com/CaiYiLiang) +- [vue2.x-douban](https://github.com/superman66/vue2.x-douban)使用 vue2.x,vue-router 和 axios(豆瓣电影)构建豆瓣电影的简单方法。通过[超人](https://github.com/superman66) +- [vue-laravel-example](https://github.com/jcc/vue-laravel-example)Vue-Laravel-示例是使用 Laravel 设置 Vue 的简单示例。通过[Jiajian Chan](https://github.com/jcc) +- [vue-foundation](https://github.com/hal0gen/vue-foundation)一个演示应用程序,将 VueJS 与[Zurb Foundation](https://github.com/zurb/foundation-sites)集成,使用 webpack vue-cli f +- [aspnetcore-Vue-starter](https://github.com/MarkPieszak/aspnetcore-Vue-starter)一个 VueJS 2 入门模板,它是 asp.net MVC dotnetcore 项目的一部分。该模板包括 VueJS 客户端应用程序和后端 API 控制器。 +- [vue-reddit-app](https://github.com/yujiahaol68/reddit-app)使用 Vue 2 构建的 Reddit SPA [*demo*](https://yujiahaol68.github.io/reddit-app/)。 X,Vue 路由器 2,Vuex 和 axios。[@ yujiahaol68](https://github.com/yujiahaol68)使用 Muse-UI 和 vue-cli Webpack 模板 +- [vue-music-qq](https://github.com/pluto1114/vue-music-qq)一个 qq-music 项目基于 vue-cli。页面简单流畅 +- [带有 Vue-Redux 和 Plain VueJSX 的 NavigationTab](https://github.com/ShuvoHabib/Vue-JSX-and-Vue-Redux-Navigation-Tab)导航选项卡同时具有普通 Vue JSX 和 Vue + Redux 绑定 +- [Veggie Map](https://veggiemap.herokuapp.com/)使用 Vuejs + Vue 路由器+ Leaflet 和 Firebase 的交互式演示 +- [vuejs-d3](https://github.com/johnnynotsolucky/samples/tree/master/vuejs-d3)示例如何使用 d3 进行可视化的示例。 +- [vue-twitter-client](https://github.com/YuheiNakasaka/vue-twitter-client)使用 Vue 2.X,Vuex,electron-vue 和 Electron 构建的 Twitter 客户端应用程序 +- [Douban](https://github.com/jeneser/douban)使用 Vue2.x + Vuex + Vue-router + vue-resource 创建的很棒的 douban 示例。通过[jeneser](https://github.com/jeneser) +- [Storyblok vuejs-boilerplate](https://github.com/storyblok/vuejs-boilerplate)-集成 Storyblok 的组件系统,允许创建可编辑的网站。 +- [Vuexpresso](https://github.com/Ethaan/vuexpresso)-使用 VueX,Vue-Router,Vue-Apollo,webpack,GraphQL,Apollo-client,express 和 mongo 的样板 +- [带有 Sails.js 示例项目的 Vue.js](https://github.com/ndabAP/vue-sails-example)-该项目适用于单页应用程序的新手,并希望通过实际学习例。 +- [Vue.js&Pyramid Web 框架应用程序](https://github.com/eddyekofo94/pyramidVue.git)-使用 Pylons Pyramid Webframework 后端 Vuejs webpack2,vue-router,yarn(数据包管理器)的样板 +- [vue-feathers-chat](https://github.com/ErickPetru/vue-feathers-chat)在前端使用 Vue,在后端使用 Feathers 进行的示例实时聊天,但仅使用 Socket.IO-Client 进行通信 +- [vue-xplan](https://github.com/JackGit/xplan/)使用 Vue 和 three.js 创建的旋转地球演示页面 +- [vueSocketChatRoom](https://github.com/Chanran/vueSocketChatroom)使用 vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io 的套接字聊天室 +- [@Binaryify](https://github.com/Binaryify)的[vue-tetris(使用 Vue,Vuex,不可变代码 Tetris 编码)](http://binaryify.github.io/vue-tetris/):使用 Vue,Vuex,Immutable 编码俄罗斯方块。 +- [@kasheftin](https://github.com/Kasheftin)的[route-planner-vue](https://kasheftin.github.io/route-planner-vue/):用于规划具有多个路线的工具 Google 地图上可排序的图层,可拖动的方向,标记和形状。 +- [MyDiary-Vue](https://github.com/ssshooter/MyDiary-Vue/blob/master/README.En.md)使用 Vue 2.X 构建的日记应用程序,还具有联系人和待办事项列表功能 +- [AliGÖREN](https://aligoren.com/)在 Github 上的[VueJS 示例项目](https://github.com/vue-project) +- [todo-mvc-webpack](https://github.com/voluntadpear/todomvc-vue-webpack)由[voluntapear](https://github.com/voluntadpear)使用 webpack-basic 在 Vue 2 上实现 TodoMVC 模板,并带有显示 vuex,vue-router,中央事件总线和 VueFire 的示例。 +- [gustaYo]的[Chess Storybook Example](https://github.com/gustaYo/vue-chess-storybook)与 Vue 2.0(https://github.com/gustaYo) +- [Vue Weather Notifier](https://github.com/sdras/vue-weather-notifier)一个带有 SVG 和 Vuex 的小型示例动画应用程序 +- [Nuxt 类型](https://github.com/sdras/nuxt-type)一个带有 Nuxt 的示例 Vue 项目,用于路由/ SSR 到演示页面转换 +- [VueBlog](https://github.com/wmui/vueblog)一个博客系统,支持[wmui](https://github.com/wmui)的服务端渲染 +- [Cinemateka](https://github.com/Piterden/cinemateka)-用 Vue v1 和 Laravel 5 制作的 SPA 的示例。电影和活动时间表。俄罗斯的评论。 +- [vue-2.x-boilerplate](https://github.com/the6thm0nth/vue-2.x-boilerplate)-适用于 Vue 项目 Vuex + vue-router 的简单入门套件 +- [vue-minesweeper](https://github.com/rhapsodyn/vue-minesweeper)-由[rhapsodyn]开发的带有 vuejs 的致命简单扫雷游戏(https://github.com/rhapsodyn) +- [X-Flowchart-Vue](https://github.com/OXOYO/X-Flowchart-Vue)- [OXOYO]的 SVG 和 Vue 流程图编辑器(https://github.com/OXOYO) +- [koa-vue-notes-web](https://github.com/johndatserakis/koa-vue-notes-web)-充实的 SPA,在后端使用 Koa 2.3,在前端使用 Vue 2.4。包括功能齐全的用户身份验证组件,针对用户笔记的 CRUD 操作以及 Vuex 存储模块。 +- [Vuejs 购物车](https://github.com/ittus/vuejs-firebase-shopping-cart)-使用 Vuejs 和 Firebase 的购物车示例 +- [PokedexVueJs](https://github.com/rchung95/PokedexVueJs)@ rchung95 +- [vuefire-auth](https://github.com/aofdev/vuefire-auth)使用 Firebase 进行 Vuefire Vue2-Auth-Email 验证 +- [vuefire-realtimedatabase](https://github.com/aofdev/vuefire-realtimedatabase)具有 Firebase 的 Vuefire Vue2-RealtimeDatabaseCRUD +- [vuefire-storage](https://github.com/aofdev/vuefire-storage)具有 Firebase 的 Vuefire Vue2-Storage +- [vue2-PWA-Blog](https://github.com/deepak-singh/vue-blog-pwa)@ deepak-singh +- [vue-firebase-auth-vuex](https://github.com/aofdev/vue-firebase-auth-vuex)具有 Vuex 的 Vue2 Firebase 身份验证,并支持渐进式 Web 应用程序 +- [vue-chart-stater-kit](https://github.com/joshua1988/vue-chart-starter-kit)使用 Vue 路由器,Vue 图表,Element-UI 的快速入门 +- [vue2.0-demos](https://github.com/qianyinghuanmie/vue2.0-demos)使用 mint-ui,Element-UI,并有一些演示(选择城市等) +- [conway](https://github.com/edge/conway)Conway 在 Vue 中的生活游戏。 +- [vuex-feature-scoped-structure](https://github.com/igeligel/vuex-feature-scoped-structure)功能范围 vuex 应用程序结构的示例应用程序 +- [vuex-examples](https://github.com/ooade/vuex-examples)-有关使用 Vuex 构建真实世界应用程序的简单示例 +- [vue-vuex-todomvc](https://github.com/bahmutov/vue-vuex-todomvc)-示例 TodoMVC Vue.js 应用程序具有通过 REST 的 Vuex 存储和服务器后端以及使用[赛普拉斯(Cypress)的全套 E2E 测试。 io](https://www.cypress.io/)测试运行程序。 +- [vuejs-sqljs-boilerplate](https://github.com/skysign/vuejs-sqljs-boilerplate)-这是同时使用 Vue.js 和 sql.js 的样板 +- [X-WebDesktop-Vue](https://github.com/OXOYO/X-WebDesktop-Vue)- [OXOYO]基于 Vue 的 WebDesktop 系统(https://github.com/OXOYO) +- [vuejs-music-player](https://github.com/Jamaks/vuejs-music-player)-一个 Vue.js 精简音乐播放器 +- [Vue.js 最佳实践示例项目](https://github.com/sarneeh/vuejs-example-stock-trader)-使用 Vue.js + Vue 路由器+ Vuex + Vuelidate 的最佳实践示例项目 +- [Vue.js [一个\]客户端](https://github.com/jasscia/one)- [一个]用 Vue2.5 编写的客户端 +- [Vue.js 2.5,带有 vue-cli v3,包括使用 auth0 进行身份验证](https://github.com/DominikAngerer/auth0-vue),作者多米尼克·安格(Dominik Angerer),Storyblok +- [Skeleton Vue + TypeScript](https://github.com/SierraSoftworks/vue-template)-TypeScript,VueJS,ElementUI,Vue Router,Vuex,材质图标,BrowserSync,Dockerfile +- [@jesalg](https://twitter.com/jesalg)的[PENV Starter](https://github.com/jesalg/penv-starter)-有关如何在 VueJS,Express 和 PostgreSQL 中使用的基本示例连词。 +- [vue-relay-examples](https://github.com/ntkme/vue-relay-examples)-使用 vue-relay 的示例应用程序的集合。 +- [laravel-vue-boilerplate](https://github.com/alefesouza/laravel-vue-boilerplate)-具有用户 CRUD 的 Laravel 5.5 SPA 样板,使用 Vue.js 2.5,Bootstrap 4,TypeScript,Sass,Pug 和笑话。 +- [Vue 设计系统](https://github.com/viljamis/vue-design-system)-用于使用 Vue.js 构建 UI 设计系统的开源样板。 +- [Vue Bulma 演示](https://github.com/faisaltheparttimecoder/bulma-vuejs-demo-website)-一个简单的演示网站,可联合检查 Bulma / Vue JS 和 express。 +- [准备好使用 TypeScript,vuex,vue-router,HMR 等进行生产的入门应用程序](https://github.com/kadro/vue-boilerplate) +- [vue.js 与 laravel 结合的前阶段分离开发模板](https://github.com/wmhello/laravel_template_with_vue)-laravel 护照/ Vue.JS 和 Element UI 的模板网站。 +- [由 Vue.js 进行的 Web 开发动手](https://www.packtpub.com/web-development/hands-web-development-vuejs-video),作者:Roman Kuba,Packt。(2018 年 5 月) +- [Vue 在线商城](https://github.com/PowerDos/Mall-Vue)-在线 SPA 演示,基于 VUE 开发的前分离电子商城前端项目 +- [FUE](https://github.com/elaijuh/fue)-使用 Vue.js + Vue 路由器+ Vuex + Vuetify + FeathersJS 的 Admin SPA 客户端和服务器端样板 +- [Vue + TypeScript 食谱](https://github.com/ffxsam/vue-typescript-cookbook/blob/master/README.md)-一本小小的食谱,涵盖了一些不太明显的解决方案,供人们开始使用 Vue + TypeScript +- [Vuejs 示例](https://vuejsexamples.com/) +- [ASP.NET Core Vue 入门 CLI 3.0](https://github.com/SoftwareAteliers/asp-net-core-vue-starter)使用 Vue CLI 3.0 和自定义配置(默认 TypeScript,Vue,路由器)的 Vue 入门模板,Vuex,Vuetify)通过[@SoftwareAteliers](https://github.com/SoftwareAteliers)与 ASP。&#8203; NET Core 集成(2018 年 9 月) +- [vue-soundcloud](https://github.com/soroushchehresa/vue-soundcloud)由[Soroush Chehresa](https://github.com/soroushchehresa)用 Vue.js 2 构建的 Soundcloud 客户端。 +- [vue-cart](https://github.com/crisgon/vue-cart)一个由 vue,vuex 和 vue 路由器制成的简单购物车。通过[crisgon](https://github.com/crisgon) +- [Nuxt + Apollo + Element](https://github.com/kavalcante/nuxt-element-apollo)一个带有 Nuxt,Element(自定义主题)和 Vue Apollo 的 Vue.js SSR 样板。 +- [vue-daily-zhihu](https://github.com/walleeeee/daily-zhihu)由[walleeeee](https://github.com/walleeeee)使用 Vue 2.0 和 vue-router&vuex 构建的简单演示) +- [木炭](https://github.com/setholito/charcoal)使用 Vue CLI 3.0 并由[Seth Davis]用 Bulma 样式设置的入门模板(https://github.com/setholito) +- [带有 TypeScript 的多页 ASP.NET Core Vue](https://github.com/danijelh/aspnetcore-vue-typescript-template)-多页 ASP.NET Core Vue,Typescript,Vuex,Vue 路由器,布尔玛,Sass 和 Jest 应用程序。有关如何在.NET Core MVC 中将 Vue.js 用作多页(多个迷你 spa)应用程序的模板/起点。 +- [CION-Vue.js 的设计系统样板](https://github.com/visualjerk/vue-cion-design-system)-一个主要为 Vue.js 应用程序设计的设计系统。它利用设计令牌,带有集成代码游乐场的生活风格指南以及用于常见 UI 任务的可重用组件。 +- [Vue websockets 示例](https://github.com/latovicalmin/vuejs-websockets-example)-使用 Vue.js 2 + Node 项目的 Websockets 使用的基本示例,以获取完整的工作示例。 +- [Vue(2.0)+ Node.js:一个博客](https://github.com/FatDong1/vue-blog),作者@ FatDong1 +- [vue-todo-list](https://github.com/alexander-elgin/vue-todo-list)待办事项列表示例应用程序基于 Vue + Vuex + Vuetify + Vee-Validate +- [Vue.js 和 Ionic v4 示例](https://github.com/ModusCreateOrg/ionic-vue-examples/)-一组如何在 Vue.js 中使用 Ionic v4 的示例 +- [使用 Vue,Vuex 和 Vue-Router 的个人网站](https://github.com/MuratcanSenturk/MuratcanSenturk.github.io)- [MuratcanŞentürk 用 vue,vuex 和 vue-router 制作的简单网站示例](https://github.com/MuratcanSenturk) +- [客户端 Vue.js](https://github.com/Trifectuh/Client-Vue)- [演示](https://client-vue.herokuapp.com/)-Vue.js 客户端端,用于[Justin Wash]的微型,快速加载,无 node.js 的单页应用程序(https://github.com/Trifectuh) +- [大型 Vue.js 应用样板+ Vuex](https://github.com/arunredhu/vuejs_boilerplate) +- [无画布的 Vue.js 上的蛇游戏](https://github.com/Seokky/vue-snake-game) +- [使用 CometChat 构建 Vue 聊天应用](https://github.com/yemiwebby/vue-group-chat-app) + +## 书籍 + +- [Vue.js je 下](https://www.packtpub.com/web-development/majesty-vuejs),作者:Alex Kyriakidis 和 Packt 的 Kostas Maniatis。(2016 年 11 月) +- [学习 Vue.js 2](https://www.packtpub.com/web-development/learning-vuejs-2),作者:Packt 的 Olga Filipova。(2016 年 12 月) +- [Vue.js 2 的威严](https://leanpub.com/vuejs2),作者:Alex Kyriakidis 和 Lestapub 的 Kostas Maniatis。(2017 年 3 月) +- [Vue.js 2 Cookbook](https://www.packtpub.com/web-development/vuejs-2-cookbook),作者是 Andrea Passaglia,Packt。(2017 年 5 月) +- [Vue.js 实战](https://www.manning.com/books/vue-js-in-action),作者 Erik Hanchett 和 Benjamin Listwon(2018 年春季) +- [测试 Vue.js 应用程序](https://www.manning.com/books/testing-vuejs-applications)作者 Edd Yerburgh(2018 年夏季) +- [Vue.js 2 和 Bootstrap 4 Web 开发](https://www.packtpub.com/web-development/vuejs-2-and-bootstrap-4-web-development),Packt 的 Olga Filipova。(2017 年 9 月) -Casa doCódigo 的 Leonardo Vilarinho 的[Front-end com Vue.js](https://www.casadocodigo.com.br/products/livro-frontend-vue)。(2017 年 11 月) -Packt 的 Guillaume Chau 撰写的[Vue.js 2 个 Web 开发项目](https://www.packtpub.com/web-development/vuejs-2-web-development-projects)。(2017 年 11 月) +- [Full-Stack Vue.js 2 和 Laravel 5](https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5),Packt Anthony Gore。(2017 年 12 月) +- [Package Mike Street 的[Vue.js 2.x 示例](https://www.packtpub.com/application-development/vuejs-2x-example)。(2017 年 12 月) -Oleksandr Kocherhin 的[Mastering Vue.js](https://masteringvuejs.com/)。(2018 年 1 月) +- [Fullstack Vue:Vue.js 完整指南](https://www.fullstack.io/vue/),作者:哈桑·迪吉德(Hassan Djirdeh),内特·默里(Nate Murray)和阿里·勒纳(Ari Lerner)。(2018 年 3 月) -Packt 的 Paul Halliday 撰写的[Vue.js 2 设计模式和最佳做法](https://www.amazon.com/dp/178883979X)。(2018 年 3 月) +- [Vuex 快速入门指南](https://www.amazon.com/dp/1788999932),作者:Packt 的 Andrea Koutifaris。(2018 年 4 月) +- [使用 Vue.js 和 Node 进行全栈 Web 开发](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144),作者:Aneeta Sharma,Packt。(2018 年 5 月) -Flavio Copes 的[Vue 手册](https://vuehandbook.com/)。(2018 年 7 月) +- [ASP.NET Core 2 和 Vue.js](https://www.amazon.com/dp/1788839463),作者:Stuart Ratcliffe,Packt。(2018 年 7 月) +- [Vue.js:解释性解释](Casa doCódigo 的 Caio Incau)(https://www.casadocodigo.com.br/products/livro-vue)。(2017 年 9 月) +- [了解 Vue.js](https://www.apress.com/us/book/9781484237809),作者是 Brett Nelson,Apress。(2018 年 8 月) +- [精益:构建与部署](https://leanpub.com/vue-book),作者 Leanpub 的 Daniel Schmitz。(2018 年 9 月) +- [由 Spring 5 和 Vue.js 2 构建应用程序](https://www.packtpub.com/application-development/building-applications-spring-5-and-vuejs-2),作者:James J. Ye,Packt。(2018 年 10 月) +- [Vue.js 快速入门指南](https://www.packtpub.com/application-development/vuejs-quick-start-guide),Packt 的 Ajdin Imsirovic。(2018 年 10 月) -Frederik Dietz 撰写的[Vue.js 组件模式课程](https://fdietz.github.io/vue-component-patterns-course.html)(2019 年 4 月) + +## 博客文章 + +- [Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5) +- [在 Vue.js 中使用 GraphQL 突变](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf) +- [了解如何使用 Vue.JS 构建数据驱动的搜索 UI](https://medium.appbase.io/learn-how-to-build-a-github-search-explorer-app-with-vue-js-c66f61d6e152) +- [使用 GitLab CI / CD 将 Vue.js 应用程序自动部署到 AWS S3](https://medium.com/@croo/using-gitlab-ci-cd-to-auto-deploy-your-vue-js-application-to-aws-s3-9affe1eb3457) +- [将 Vue 应用程式码头化](https://mherman.org/blog/dockerizing-a-vue-app/) +- [使用 Docker 和 Gitlab CI 将 Flask and Vue 应用程序部署到 Heroku](https://testdriven.io/blog/deploying-flask-to-heroku-with-docker-and-gitlab/) +- [Kevin Peters]的[大型 Vuex 应用程序结构](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f) +- [Kevin Peters]的[在 Vue.js 中构成计算属性](https://medium.com/@kevin_peters/composed-computed-properties-in-vue-js-87b4507af079) +- [通过实际示例了解如何重构 Vue.js 单个文件组件](https://medium.com/@kevin_peters/learn-how-to-refactor-vue-js-single-file-components-on-a-real-world-example-501b3952ae49)由[Kevin Peters](https://twitter.com/kevinpeters_) + +## 开源的 + +- [PageKit](https://github.com/pagekit/pagekit)-使用 Symfony 组件和 Vue.js 构建的模块化轻量级 CMS。 +- [npmcharts.com](https://github.com/cheapsteak/npmcharts.com)-比较 npm 软件包并发现下载趋势。 +- [Koel](https://github.com/phanan/koel)-可以正常工作的个人音乐流服务器。 +- [Raven 阅读器](https://github.com/mrgodhani/raven-reader)-使用原子电子和 vue.js 制作的简单 RSS 阅读器。 +- [Gokotta](https://github.com/Zhangdroid/Gokotta)-由电子和 vue 构建的简单音乐播放器。 +- [CoPilot](https://github.com/misterGF/CoPilot)-基于 AdminLTE 和 vue.js 集成的管理门户。 +- [Retrospectify](https://github.com/pepf/retrospectify)-在敏捷团队中进行协作回顾的简单工具。 +- [jade-press](https://github.com/jade-press/jade-press)-基于 mongodb,nodejs,koa,vue 等的 Cms。 +- [astralapp](https://github.com/astralapp/astral)-轻松组织 GitHub Stars。 +- [EME](https://github.com/egoist/eme)-优雅的 Markdown 编辑器。 +- [Github-explorer](https://github.com/SidKwok/github-explorer)-一个可以帮助您更好地检查 github 的水疗中心。 +- [酒店](https://github.com/typicode/hotel)-从浏览器启动开发服务器,并在几秒钟内获得本地域。 +- [Surfbird](https://github.com/surfbirdapp/surfbird)-使用现代网络技术编写的 Twitter 客户端。 +- [Approach0](https://github.com/approach0/search-engine)-一个可识别数学的搜索引擎。 +- [Flox](https://github.com/devfake/flox)-自托管电影,系列和动漫观看列表。 +- [JavaScript Guessing Game](https://github.com/samiheikki/javascript-guessing-game)-用于识别 JavaScript 工具和库的游戏。 +- [vue-ghpages-blog](https://github.com/viko16/vue-ghpages-blog)-Vue.js 2 + Webpack 2 基于 GitHub 页面的博客。 +- [Vuedo](https://github.com/Vuedo/vuedo)-使用 Laravel 和 Vue.js 构建的博客平台。 +- [vue-music163](https://github.com/pluto1114/vue-music163)-一个 Vue.js 音乐项目。 +- [Tomato5](https://github.com/zhangxin840/tomato5)-实时协作工具,它将 Pomodoro 技术与团队状态共享板结合在一起。 +- [Web 学习](https://github.com/freearhey/web-learn)-一种服务,可让您轻松访问有关 Web 开发和编程的数千个视频教程。 +- [ExcelJSON](https://github.com/palerdot/exceljson)-一种将 CSV,TSV 与 JSON 相互转换的工具。 +- [Materialize-blog](https://github.com/forehalo/materialize-blog)-使用 Laravel5.3 和 Vue2.x 构建的材料博客。 +- [VueCompomnentGenerator](https://github.com/ChangJoo-Park/vue-component-generator)-在浏览器上生成 vue 单个文件组件。 +- [SDR 新闻](https://github.com/super-dev/SDR-News)-来自多个来源(Reddit,Hacker News 和 Prominent Blogs)的 Web 设计人员和开发人员新闻。 +- [PJ Blog](https://github.com/jcc/blog)-使用 Laravel 和 Vue.js 构建的开源博客。 +- [Lulumi-browser](https://github.com/qazbnm456/lulumi-browser)-Lulumi-browser 是使用 Vue.js 2 和 Electron 编码的轻型浏览器。 +- [vue-wordpress-pwa](https://github.com/bstavroulakis/vue-wordpress-pwa) +- [OpenAPI 3 查看器](https://github.com/koumoul-dev/openapi-viewer)-浏览并测试 OpenAPI 3.0 规范中描述的 REST API +- [Stacer](https://github.com/oguzhaninan/Stacer)-Linux 系统优化程序和监视 +- [Distrochooser.de](https://github.com/cmllr/distrochooser)-Linux 初学者的入门指南 +- [Buka](https://github.com/oguzhaninan/Buka)-电子书管理 +- [文档](https://github.com/egoist/docute)-一个无需构建过程即可编写文档的框架 +- [pm86](https://github.com/ericjjj/pm86)-Node.js 应用网站的生产流程经理 +- [vms](https://github.com/ericjjj/vms)-一个 Vue.js 2.0 管理系统 +- [nativescript-vue](https://github.com/rigor789/nativescript-vue)-NativeScript 渲染器的 Vue.js 实现。 +- [piper](https://github.com/fireyy/piper)-基于 Vue 的拖放式移动网站构建器。 +- [mmf-blog-vue2](https://github.com/lincenying/mmf-blog-vue2)-基于 Vue2(Vue-router,Vuex)和 Webpack2 的博客。 +- [媒体管理器](https://github.com/iutbay/mm)-Web 文件管理器。 +- [dyu / bookmarks](https://github.com/dyu/bookmarks)-一个由 leveldb 驱动的自包含,自托管的书签应用程序,由 Vue2.1.x 构建。 +- [JSON 模式编辑器](https://github.com/tangram-js/json-schema-editor)-JSON 模式的直观编辑器。使用 Vue.js 2 和 Firebase 开发。 +- [npm-stats](https://github.com/apertureless/npm-stats)-npm 包下载统计信息面板 +- [vue2-admin-lte](https://github.com/devjin0617/vue2-admin-lte)-一个将 AdminLTE 转换为可与 Vuejs(v2.x)一起使用的项目。 +- [Dockeron](https://github.com/dockeron/dockeron)-基于 Electron + Vue.js 构建的桌面 Docker 项目。 +- [Flamme](https://github.com/alicin/flamme)-一个基于 Education 和 Vue.js 构建的开源 Tinder 桌面客户端,用于教育目的 +- [Goldfish](https://github.com/Caiyeon/goldfish)-使用 VueJS,Golang 和 Bulma CSS 构建的 HashiCorp Vault UI +- [管理](https://github.com/wxs77577/adminify)-基于[Vuetify](https://vuetifyjs.com/)的管理控制台,请选中[在线演示](http:// adminify。 genyii.com) +- [提示](https://github.com/alicin/promptie)-用 Vue.js 编写的框架,用于在 Web 浏览器中创建类似命令行的界面。 +- [Hare](https://github.com/clarkdo/hare)-🐇 基于 Vue.js 2.x,Koa 2.x,Element-UI 和 Nuxt.js 的应用程序样板 +- [Paper-Dashboard](https://github.com/cristijora/vue-paper-dashboard)-为 Vue 制作的 Creative Tim Paper Dashboard +- [AdminLTE-VueJS2](https://github.com/otezz/AdminLTE-VueJS2)-一个在 AdminLTE 上实现 VueJS(v2.x)的开源项目。 +- [材质仪表板](https://github.com/lucduong/vue-material-dashboard)-为 Vue 制作的创意 Tim 材质仪表板 +- [Explore-Github](https://github.com/mazipan/explore-github)-VueJS 2 Github Explorer 使用 API v3 +- [CoreUI](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template)-由 Vue.js 支持的开源管理模板 +- [ChuckNorris](https://github.com/mazipan/chucknorris)-使用 VueJS + api.chucknorris.io 构建的 Chuck Norris 笑话生成器 +- [LeafPlayer](https://github.com/paulschwoerer/leafplayer)-一个简单,快速,私有的音乐流服务器。 +- [JSON 编辑器](https://github.com/tangram-js/json-editor)-一种可识别架构的 JSON 编辑器。用 Vue2 开发。 +- [Voten](https://github.com/voten-co/voten)-使用 Vue2 和 Laravel 构建的类似 Reddit 的平台。 +- [News Weaver](https://github.com/Rud156/News-Weaver)-使用 VueJS 和 VuetifyJS 制作的基于 Web 的 RSS 阅读器/聚合器 +- [唤醒 Billie Joe!](https://wakeupbilliejoe.com/)-根据绿日的歌曲“唤醒我,当九月结束”而倒计时到十月的网站。使用 Vue 和 Firebase 创建。 +- [Astrum](https://github.com/NoDivide/astrum)-旨在包含在任何 Web 项目中的轻量级模式库。 +- [vue2-pwa-vision](https://github.com/aofdev/vue-pwa-vision)-带有 Vue2 + Vuetify +渐进式 Web App 的人脸检测 Google Cloud Vision +- [vue2-pwa-rekognition](https://github.com/aofdev/vue-pwa-rekognition)-使用 Vue2 + Vuetify + Progressive Web App 进行人脸检测的 Amazon Rekognition +- [AmmoBin.ca](https://github.com/ammobinDOTca/ammobin-client)-有关加拿大在线弹药价格的元搜索网站 +- [SPA-asp.net-api-vuejs-](https://github.com/mubaidr/SPA-asp.net-api-vuejs-)-用于使用基本任务管理和消息传递的 Vue.js 单页应用程序 ASP .NET Webapi 2 和 SQL Server +- [Book-Trading-Club](https://github.com/mubaidr/Book-Trading-Club)-与您所在地区的其他图书读者进行贸易或借阅图书。使用 nodejs 和 vuejs2 构建 +- [vuejs-extension-pack vscode](https://github.com/mubaidr/vuejs-extension-pack)-扩展 packf 或 vscode,具有用于 Vue.js 开发的流行 VS Code 扩展。 +- [Wiki.js](https://github.com/Requarks/wiki)-基于 NodeJS,Git 和 Markdown 构建的现代,轻量级且功能强大的 Wiki 应用程序 +- [vue-pwa-speech](https://github.com/aofdev/vue-pwa-speech)-在 Vue2 + Vuetify + Progressive Web App 上使用 Google Cloud 进行文字演讲 +- [vue-speech-streaming](https://github.com/aofdev/vue-speech-streaming)-在渐进式 Web App 上执行流式语音识别可通过 Google Cloud Speech + socket.io 实时生成语音到文本 +- [我的动画列表](https://github.com/limichange/my-animation-list)-一个易于获取 CSS 动画代码的工具 +- [vue-input-streaming](https://github.com/aofdev/vue-input-streaming)-使用 Pusher 进行 TextInput 流实时和双向数据绑定广播 +- [TidyTab](https://github.com/eggplanetio/tidytab)-一个 Chrome 扩展程序,用于整理这些标签。 +- [peregrine-cms](https://github.com/headwirecom/peregrine-cms)-基于 Vue.js 和 Apache Sling 的可选 CMS +- [concept-to-clinic](https://github.com/concept-to-clinic/concept-to-clinic)-具有 Vue.js 界面的肺癌预测项目 +- [grid-awesome](https://github.com/louisbourque/grid-awesome)-使用 css 显示为网格布局生成样板 css:grid; 属性。 +- [Light Bootstrap 仪表板](https://github.com/cristijora/vue-light-bootstrap-dashboard)-为 Vue 制作的创意 Tim Light Bootstrap 仪表板 +- [Hubaga](https://github.com/picocodes/hubaga)-适用于开发人员和其他数字商店的免费轻量级 WordPress 电子商务插件。 +- [vue-webpack-buefy](https://github.com/ndro/vue-webpack-buefy)-具有全功能 Webpack 和 Buefy 的 Vue.js 入门 +- [Coypu](https://github.com/bkzl/coypu)-类似文本编辑器的每周计划 +- [核心服务器](https://github.com/skyhark-projects/core-server)-高度可扩展的 VueJs 框架,具有集成的 API 系统和多种高级功能。 +- [discord-logo](https://github.com/NNTin/discord-logo)-基于 SVG 的 Vue.js 动画不和谐徽标生成器。([Github 页面](https://nntin.github.io/discord-logo/)) +- [node-vue-template](https://github.com/mubaidr/node-vue-template)-用于使用 Node.js(API)和 Vue.js(SPA)构建完整应用程序的入门模板,其中包括一些软件包和配置,以帮助快速开始开发。 +- [vue-storefront](https://github.com/DivanteLtd/vue-storefront)-Vue.js 店面-电子商务的 PWA。100%离线,与平台无关,无头,支持 Magento2。 +- [fd-vue](https://github.com/freedomotic/fd-vue-webapp)-IoT 框架的 Vue.js 客户端 +- [wildfire](https://github.com/cheng-kang/wildfire)-其他注释插件的替代品。 +- [收据](https://github.com/ridereceipts/ridereceipts)-简单的自动化桌面应用程序,可以从 Uber 和 Lyft 下载并整理您的税款发票。 +- [vue-chrome-extension-boilerplate](https://github.com/mubaidr/vue-chrome-extension-boilerplate)-使用 Vue.js 和 Webpack 进行 Chrome 扩展的样板 +- [TimeMark](https://github.com/MarsZone/TimeMark)-一个可以记录您的时间的时间管理器,还将开发更多功能。 +- [Laravel Enso](https://github.com/laravel-enso/enso)-由 Bulma,VueJS 和 Laravel 构建的 SPA 管理面板,开箱即用地打包了很多功能。 +- [代码说明](https://github.com/lauthieb/code-notes)-针对使用 Electron&Vue.js 构建的开发人员的简单代码段管理器。 +- [Pomotroid](https://github.com/Splode/pomotroid)-简单,美观且可自定义的 Pomodoro 计时器。 +- [XMR Miner](https://github.com/bradoyler/xmr-miner)-加密货币(XMR)挖掘应用程序,使用 Vue.js 构建并使用 D3 进行可视化 +- [XMR Paper](https://github.com/bradoyler/xmr-paper)-Monero 钱包生成器,使用 Vue.js 构建 +- [JoyProxy](https://github.com/sh0cked/joy-proxy)-Chrome 扩展程序,用于处理代理设置 +- [活动自动化](https://github.com/mubaidr/activity-automation)-管理日常活动并及时获取报告。 +- [jsettlers-web](https://github.com/generateui/jsettlers-web)流行的德国棋盘游戏,用赚来的资源建造六角形,定居点,城市,道路 +- [Tamiat CMS](https://github.com/tamiat/tamiat)-Tamiat 是面向前端的 CMS,使用 Vue.JS 作为前端,并与 Firebase 集成了后端功能。 +- [vuegg](https://github.com/vuegg/vuegg)-vue GUI 生成器:一次性创建模型和代码!它通过其可视化编辑器利用页面,组件和样式的创建。为您的下一个 vuejs 项目生成所有脚手架代码。 +- [Podlove Web Player](https://github.com/podlove/podlove-web-player)-经过 Podcast 优化的基于 HTML5 的音频播放器,具有章节,字幕和嵌入功能。 +- [Leo Vue](https://github.com/kaleguy/leovue)-使用开源 Leo 概述编辑器/ IDE 创建带有嵌套菜单的 Web 应用程序,并支持内容中的 Vue 组件。 +- [Justine](https://github.com/MisRob/Justine)-使用 Vue 组件作为文档模板的可配置 HTML 文档生成器(当前支持 JSDoc) +- [Deezer-Vue](https://sh0cked.github.io/deezer-vue/)-使用 Vue \ Vuex 构建的 Deezer 客户端 +- [Vuep.run](https://vuep.run/)-Vue 的在线 SFC 编辑器 +- [V·oogle](https://github.com/VeryWow/v-oogle)-Google.com,已修订 +- [Pomidorus](https://github.com/tatyshev/pomidorus)-使用 Vue 和 D3 构建 Pomodoro 时间跟踪器 🍅 +- [Hubble](https://hubble.js.org/)-:telescope:浏览 GitHub Stars 的历史。 +- [Vuepress](https://vuepress.vuejs.org/)-简约的 Vue 驱动的静态网站生成器 +- [Socialhome](https://github.com/jaywink/socialhome)-具有社交网络功能的联合富个人资料生成器 +- [GenVue](https://github.com/herbat73/GenVue)-一个可托管的 Web 应用程序,允许机密用户上传和共享基于 Vue.js,Vuetifyjs 和 NetCore WebAPI 堆栈的私有文件 +- [vue-array](https://github.com/BlackHole1/vue-array)-Vue 下的数组对象操作,Vue 下的数组对象操作使用此包可操作数组。Vue 可以监视阵列中的更改 +- [Laqu-l](https://github.com/laqul/laqul)-具有 Quasar Framework,带有 OAUTH 2.0 身份验证的 GraphQL API 后端,Firebase 就绪,多语言功能等的完整应用入门套件。 +- [Protovue](https://github.com/v1Labs/protovue)-一个原型组件库,可帮助设计人员和开发人员快速搭建抽象的应用程序布局。 +- [Chattier](https://github.com/raniesantos/chattier)-使用 Laravel 5.6,Vue.js 2 和 Bulma(Buefy 组件+ Bulmaswatch 主题)构建的 SPA 社交网络。还使用 JWT 身份验证。 +- [chrome-ribbon-reminder](https://github.com/johndatserakis/chrome-ribbon-reminder)-使用 Vue 和 Async / Await 编写的 Chrome 扩展程序。使用弹出显示并更改徽章计数。 +- [收藏夹](https://www.faviator.xyz/)-一个简单的简单收藏夹生成器。 +- [模块化家谱](https://github.com/modularsoftware/genealogy)-使用 Laravel 5.7,Vue.js 2.5 和各种组件的家谱/族谱管理系统。工作正在进行中。 +- [最小注释](https://github.com/vladocar/Minimal-Notes)-使用 Vue.js 构建 Web 应用 +- [烘焙](https://github.com/serversideup/roastandbrew)一个应用程序,旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡。 +- [堆栈编辑](https://github.com/benweet/stackedit/)-浏览器内 Markdown 编辑器 +- [Bael 博客模板](https://bael-theme.jake101.com/)-静态生成的博客模板,该模板使用 Netlify CMS 作为后端,使用 Netlify 进行托管。具有野蛮美学,模糊搜索,无服务器电子邮件注册等功能。 +- [Buefy Shop](https://buefy-shop.now.sh/)示例商店,开源的,具有 Nuxt,Stripe,Firebase,Bulma 和无服务器功能。 +- [sysmon](https://github.com/Lt0/sysmon)用于 Linux 的 AB / S 模式系统监视器。您可以在任何地方通过 Web 浏览器远程监视系统资源的使用情况。 +- [eth-vue](https://github.com/DOkwufulueze/eth-vue)一个松露盒子,提供您快速构建具有 Vue.js 身份验证功能的以太坊 dApp 所需的一切,包括易于部署到 Vue.js 的配置。 Ropsten 网络。它还具有 Gravatar 功能。 +- [Nippon-color](https://github.com/ssshooter/nippon-color)受 nipponcolors 点 com 的启发。这是使用 vue-cli 3 的日本彩色 PWA 版本。 +- [Saleina CMS](https://github.com/saleina/SaleinaCMS)一个静态网站内容管理系统,使用 git 作为后端使用 vue 构建。 +- [Vuido](https://github.com/mimecorg/vuido)用于创建本机桌面应用程序的框架。它可以使用本机 GUI 组件在 Windows,OS X 和 Linux 上运行。 +- [YouGet](https://github.com/ahmetzeybek/YouGet)YouTube 视频/音频/字幕下载器+ Cutter +- [Vue Pug 手写笔](https://github.com/wesssel/vue-pug-stylus)Vue + Pug +手写笔样板 💚🐶🖌 +- [Crypto News](https://github.com/Bartozzz/crypto-news)允许您转换加密货币,查看每个 ICO 的最新新闻和汇率–来自一个加密货币世界的所有数据。 +- [Epiboard](https://github.com/Alexays/Epiboard)一个新的选项卡页面扩展,具有材料设计和有用的功能:new::tada: +- [zhudyos / duic](https://github.com/zhudyos/duic)分布式配置中心:新: +- [Vuemmerce](https://github.com/ivanlori/Vuemmerce)使用 Vue.js 和 Bulma 框架构建的免费电子商务模板:新: +- [Nucleus](https://github.com/alirizaadiyahsi/Nucleus)分层体系结构 ASP.NET Core API 和 Vuejs 客户端应用程序启动模板 +- [Carpoolear](https://github.com/STS-Rosario/carpoolear)阿根廷拼车应用程序的开源 Vue.js 前端(移动和 Cordova 应用程序):[Carpoolear](https://carpoolear.com。 ar) +- [Statusfy](https://github.com/bazzite/statusfy):Statusfy 是一个状态页面系统,易于使用且完全开源。 +- [DynamoDb-GUI-Client](https://github.com/Arattian/DynamoDb-GUI-Client):DynamoDb 的跨平台 GUI 客户端 +- [RosterWebApp](https://github.com/SnakeyHips/RosterWebApp)开源名册 Web 应用程序,允许对员工/团队的名册进行工作会议和其他功能。 +- [Vue 电子商店 Templet](https://github.com/rash0/Vue-Ecom)-带有 vue / vuex / vue-router 和 bootstrap4 的电子商务 Templet。 +- [Kitty Ipsum](https://kitty-ipsum.com/)-生成由不同语言的“喵”组成的 lorem ipsum。 +- [Git Superstar](https://git-superstar.firebaseapp.com/)-计算您的 git 星级和顶级存储库。 +- [Twill](https://twill.io/)-用于 Laravel 的开源 CMS 工具包,可帮助开发人员快速创建直观,强大而灵活的自定义管理控制台。 +- [MATH_BOT](https://mathbot.com/)-通过对机器人编程来学习数学。 +- [Vue 填字游戏](https://github.com/Piterden/vue-crossword)-一个基于 Vue.js 的填字游戏构建器和填充前端应用程序。使用[CodeSandbox](https://codesandbox.io/s/github/Piterden/vue-crossword/tree/master/)构建。 +- [Vue 组织结构图](https://github.com/Hoogkamer/vue-org-chart)-免费管理和发布您的交互式组织结构图(orgchart),无需网络服务器。 +- [哔](https://github.com/ModusCreateOrg/beep)-使用 Vue.js 和 Ionic 4 构建的帐户安全扫描程序 +- [Vue CRUD](https://github.com/szczepanmasny/vue-crud)-基于 Vue.js 的 REST-ful CRUD 系统。Vue CRUD 允许您轻松创建快速应用程序,例如 CMS 或 CRM。 +- [Vue HQ 管理员仪表板](https://vue-hq.netlify.com/)–由 Vue,Sass,Firestore 和 Netlify 支持的现代管理仪表板。 +- [MToDo](https://github.com/satriaajiputra/mtodo)-带有简单身份验证的迷你待办事项列表,该身份验证是使用 Vue.js 和 JSON Server 作为数据模拟构建的。非常适合作为发现有关真实 Vue.js 参考的任何人的参考 +- [FireX 代理](https://github.com/Orogenesis/FireX-Proxy)-FireX 代理是用户值得信赖的 Chrome 和 Firefox 浏览器扩展程序,可让您解除阻止任何网站的权限并私密安全地浏览 Web。🛡 +- [VueSolitaire](https://github.com/silent-lad/VueSolitaire)-接龙(spider,klondike)包含在 Vue.js 中。 +- [Thermal](https://thermal.codecarrot.net/)-一站式访问所有 Git 存储库。 +- [QMK Configurator](https://github.com/qmk/qmk_configurator)-Vue.js 中的 QMK 固件键盘配置 UI。 +- [Eplee](https://github.com/Janglee123/eplee)用 Vue.js 和 Electron.js 制作的甜美,简单的 epub 阅读器。 +- [vue-realworld-example-app](https://github.com/gothinkster/vue-realworld-example-app)-示例性全栈 Medium.com 克隆 +- [每日](https://github.com/dailynowco/daily)-精选的开发新闻已传递到您的新标签页 👩🏽‍💻 +- [Laravel 文件管理器](https://github.com/alexusmai/laravel-file-manager)-Laravel 的强大文件管理器 +- [Vue 加密仪表板](https://github.com/JayeshLab/vue-crypto-dashboard)-用 Vue.js 制作的 Cryptocurrency 仪表板 + +## 商业产品 + +- [Wijmo](http://wijmo.com/products/wijmo-5/)-具有 VueJS 支持的 UI 控件的集合。 +- [整理说明](http://www.xn--collatenotes-qy9fa.com/) +- [Formester](https://www.formester.com/)-表格,电子邮件营销自动化变得容易 +- [ChatWoot](https://www.chatwoot.com/)-通过 Facebook Messenger 进行 Livechat 和代理协作。 +- [VueA](https://themeforest.net/item/vuejs-laravel-admin-template/20119122?ref=jyostna&utm_source=awesomevue)-具有多种布局和 laravel 版本的 VueJS 管理模板。 +- [Teleo](https://www.teleo.co/?utm_source=AwesomeVue)-团队合作应用在讲话,计划和做事之间轻松移动 +- [Cover](http://cover.20theme.com/)-基于 Vue.js 构建的高质量组件库 +- [EducationLink](https://geteducation.link/?utm_source=AwesomeVue)-适用于教育代理商和大学的 CRM 和销售自动化。 +- [Pragmatic v2.0](https://1.envato.market/LYWqL)-使用 Vue.js 和 Element 构建的响应式和可配置管理模板。 +- [座位](https://www.useseat.com/)-简单而现代的团队沟通和协作解决方案。 +- [Moonitor](https://moonitor.io/)-台式机的加密货币跟踪器。 +- [Deskree](https://deskree.com/)-将想法,任务和问题集中在一处的在线协作平台。 +- [OSHCExpress](https://oshcexpress.com/?utm_source=AwesomeVue)-OSHC(海外学生健康保险)保险(澳大利亚国际学生保险)的比较和电子商务。 +- [Agiloo](https://www.agiloo.com/)-适用于 Scrum 和看板的项目管理应用 +- [ScaffoldHub](https://www.scaffoldhub.io/)-带有 NodeJS,MongoDB 或 SQL 的 VueJS 在线 Web App 生成器。 +- [Commandeer](https://getcommandeer.com/)-可以重新构想管理。使用 Vue.js 和 Electron 构建的桌面云管理应用程序。 +- [SA Email Builder](https://app.emailbuilder.top/)-使用 VueJS 和 Quasar Framework 做出响应的电子邮件模板构建器 + +## 应用/网站 + +- [Laravel Spark](https://spark.laravel.com/) +- [副视频](https://video.vice.com/) +- [表格](https://www.formlets.com/) +- [Laracasts](https://laracasts.com/) +- [esa.io](https://esa.io/) +- [稀土掘金](http://gold.xitu.io/) +- [布拉格机场](http://www.prague-airport.com/) +- [投资组合网站](http://corentinbac.com/) +- [乐风乐团](https://laravist.com/) +- [Atiiv](https://atiiv.com/)-面向私人教练及其客户的应用程序。 +- [统计](https://statamic.com/) +- [Embalses!](http://embalses.azurewebsites.net/)-使用美国地质调查局数据库报告水坝水位的工具。 +- [TravelMap](http://clem.travelmap.fr/)-旅行者基于地图创建博客的简单方法。 +- [适当的衬衫制造商](https://propercloth.com/design-a-shirt)-定制衬衫的制造商。 +- [CheckIt](https://check-it.io/) +- [Reddit 新闻](https://github.com/Mati365/reddit-news)-浏览器扩展程序,用于显示来自 reddit 的通知和新闻。 +- [卡通网络自行制作 Powerpuff](https://www.powerpuffyourself.com/) +- [小桃酱](https://app.xiaotaojiang.com/) +- [cloudradioo](http://cloudradioo.com/)-Web 应用程序,可随机播放 soundcloud 图表中的前 50 首歌曲 +- [vNotes](https://halfeld.github.io/v-notes/#!/)-使用 Vue.js 和本地存储 API 的 Markdown 简洁漂亮的记事本。 +- [开放功能计算机](http://www.openfunctioncomputers.com/#!/home) +- [Dermail](https://github.com/zllovesuki/dermail-webmail)-用 Vue.js 编写的针对 Dermail 的 Webmail 客户端,Dermail 是用 node.js 编写的邮件系统。 +- [octimine](https://www.octimine.com/)-专利搜索引擎。 +- [Draxed](https://www.draxed.com/)-基于 Web 的 MySQL 和 PostgreSQL 数据浏览器和仪表板管理器。 +- [Leapspotleap](http://www.leapspotleap.com/)-查找您附近的 Wikipedia 文章的简单方法。或只是导航到一个地方并找到有趣的维基百科信息。响应式 Web 应用程序。 +- [X-SONGTAO](http://xiangsongtao.com/)-个人博客。FE 和 CMS 位于同一 vue SPA 中。 +- [Jobinja](https://jobinja.ir/)-在伊朗运营的求职委员会和职业平台。 +- [滚蛋吧!莆田系](https://putianxi.github.io/)-显示所有 Put 田医院的信息 +- [Jobi:招聘平台](https://www.jobi.tn/) +- [香料屋](https://www.thespicehouse.com/)-高质量香料的电子商务网站。结帐,购物车,产品详细信息页面和搜索是使用 Vue 构建的。Checkout 是用 Vue&Vuex 编写的单页应用程序。 +- [Livestorm](http://livestorm.co/)-网络研讨会/直播活动应用。 +- [Metric Loop](https://metricloop.com/)-一个技术服务和解决方案网站。 +- [保持](https://www.holden.com.au/) +- [全球考试](https://global-exam.com/)-语言能力测试在线培训 +- [SlugSurvival](https://github.com/zllovesuki/slugsurvival)-一个可帮助学生更好地计划课程的网络应用程序(业余项目,不属于 UCSC)。 +- [FreePoll.Online](https://www.freepoll.online/)-使用 Vue.js,vue 可排序,语义 UI 和 Zappa 构建的群体决策工具。 +- [GitRelease](https://github.com/ChangJoo-Park/gitrelease-app)-使用带有电子的 vue.js 在 mac 菜单栏上跟踪 github 项目的新版本。 +- [12BAY.VN](https://12bay.vn/)-在线预订机票。 +- [PLAYCODE.IO](https://playcode.io/)-快速前端实验的游乐场。 +- [The Void Radio](http://thevoidrad.io/)-地下室内音乐在线广播。 +- [Bitly Vue](https://alpixel.github.io/bitly-vuejs)-使用 VueJS 和 Bitly API 缩短 URL。 +- [Storyblok](https://www.storyblok.com/)-使用 VueJS 作为前端的基于 API 的/分离的 CMS。 +- [WizzAir](https://wizzair.com/) +- [移至 HTTPS](https://movingtohttps.com/)-有关将不同平台/托管站点移至 HTTPS 的指南 +- [Booknshelf](https://booknshelf.com/)-发现有关不同主题的出色书籍和书架。 +- [Top HN](https://tophn.info/)-在 Hacker News 上实时显示最新新闻活动 +- [Euronews](http://www.euronews.com/)-Euronews 是一种多语言新闻媒体服务,总部位于法国里昂。 +- [Roozameروزامه??](http://www.roozame.com/)-Roozame 是波斯语的智能新闻媒体服务。 +- [Koumoul](https://koumoul.com/) +- [NinjaCalc](http://ninja-calc.mbedded.ninja/)-一组与嵌入式工程相关的计算器,使用 vue.js 作为开源单页应用程序构建。 +- [Vue.js Feed](https://vuejsfeed.com/)-最新的 Vue.js 新闻,教程,插件等。基于[Vuedo](https://github.com/Vuedo/vuedo),使用 Vue.js 和 Laravel 制作。 +- [蒜瓣](https://github.com/JasonBai007/suanban)-使用 Vue2.0 和 Douban API 开发的网络应用 +- [猜对了](https://kdcinfo.com/guessright/)-一个“猜单词”游戏-用 Vue / vuex / vue-router(前端)和 Laravel / MySQL(后端)编写。代码是[GitHub 上的开源](https://github.com/KDCinfo/guess-right)(尽管不是在 kdcinfo 上运行游戏的实时文件)。 +- [GRAP](https://grap.io/)-商业通讯服务 +- [简易模拟](https://easy-mock.com/) +- [mmf-blog-vue2-ssr](https://github.com/lincenying/mmf-blog-vue2-ssr)使用 Vue 2.0,vue-router 和 vuex 构建的博客,并具有服务器端渲染 +- [JSON 模式编辑器](https://json-schema-editor.tangramjs.com/)-使用 Vue.js 和 Firebase 构建的 JSON 模式的直观编辑器。 +- [Winsome Trivia](https://splode.github.io/trivia/)-一个单人或多人琐事游戏,具有由 Vue.js 构建并由 Open Trivia 数据库提供支持的 2,000 多个独特问题。 +- [Moon Organizer](https://moonorganizer.com/calendar/)-农历日历应用 +- [Flash-Vue](https://flash-vue.com/)-“未来的抽认卡”将学习无处不在:rocket: +- [Kinderbesteck](https://www.kinderbesteck-gravur.de/)-具有 Vue2.0,Vuex,Vue 路由器的完整在线商店 SPA +- [n2ex](https://github.com/OrangeXC/n2ex)-vue ssr(必须)网站,请使用 v2ex API +- [词库](https://www.powerthesaurus.org/)-众包在线词库 +- [Chattanosy](https://chattanosy.com/)-由社区提供的田纳西州查塔努加新事物的数据库。 +- [PAIXIN](http://www.paixin.com/)-正版图片销售网站 +- [CodeBottle](https://codebottle.io/)-将代码段拖放到您的项目中 +- [1XBET](https://1xbet.com/)-自 2007 年开始运营的博彩公司 +- [MyOwnTV](http://myowntv.org/)-用于创建互联网电视的流媒体网站 +- [CrowdCircus](https://crowdcircus.com/)-欧洲最大的众筹和众筹平台 +- [与某人交谈](https://talktosomeone.net/)-与世界各地的陌生人进行免费,匿名和保密的在线文本聊天。 +- [车轮工厂](http://www.wheelsfactory.cn/)-ui 组件和库共享网站 +- [ابیاتنابپارسی](http://naaab.ir/)-波斯诗集 +- [Ripplectron](https://github.com/devjin0617/ripplectron)-Ripple(区块链硬币)vue-electron 的电子钱包桌面客户端 +- [PingBreak](https://pingbreak.com/)使用 vuejs 作为实时仪表板的免费,简单的网站监控服务 +- [Todoist 致敬](https://github.com/rohitpaulk/todoist-tribute/)-Todoist 克隆,用 Rails + Vue 编写 +- [JSON 编辑器](https://json-editor.tangramjs.com/)-使用 Vue2 和 firebase 构建的可识别架构的 JSON 编辑器。 +- [Develteam](https://www.develteam.com/)-独立游戏开发者的社交网络。 +- [Mixsii](https://www.mixsii.com/)-适用于青少年,成人,家人和朋友的免费视频聊天室网站。 +- [PipQuest](http://pipquest.gregorterrill.com/)-Vue 中内置的复古益智游戏 +- [Matryx](https://matryx.ai/)-去中心化的协作平台。 +- [iPrevYou-YouTube™ 播放器](https://chrome.google.com/webstore/detail/iprevyou-youtube-player/blijlgfnjhnhmnaldaiienmjggbjhbaa)-用于在桌面上观看 youtube 视频的 Chrome 应用。 +- [物品管理器](https://itemmanager.uk/)-传送命运 2 游戏物品的应用程序。 +- [前端大师 Vue 简介](https://frontendmasters.com/courses/vue/)-前端大师全日制课程 +- [TR-101](https://inverted3.gitlab.io/drum-machine/)-鼓合成器/音序器。 +- [Bazaar](https://bazaar.co/)-媒体共享平台。 +- [WynnStats](https://maple3142.github.io/wynn/)-非官方的 WynnCraft 统计信息。 +- [Vectr](https://vectr.com/new)-免费的矢量图形软件 +- [大脑位](https://github.com/dashersw/brain-bits)-Emotiv 耳机的 P300 在线拼写机制 +- [Coin Dashboard](https://www.coin-dashboard.com/)-完全客户端的加密货币资产仪表板。 +- [Habitica](https://habitica.com/)-角色扮演游戏形式的在线任务管理应用程序。 +- [MadeWithVueJs](https://madewithvuejs.com/)-由 Vue.js 制作的项目图库(网站本身也使用 Vue.js) +- [CodeDependencyScanner](https://github.com/NeutroniumCore/CodeDependencyScanner/)-显示.Net 汇编代码依赖关系的 AC#dektop 应用程序使用 Vue,Neutronium 和 D3.js 构建。 +- [千以太坊首页](https://thousandetherhomepage.com/)-百万美元首页被重新构想为以太坊 DApp。在 Vue.js 上构建并开源。 +- [让我们着迷](https://letsenhance.io/)-免费的在线图像升级和神经网络增强功能。 +- [Pi.TEAM-在线发票和会计](https://pi.team/)-简单易用的在线会计和发票,单用户和自由职业者免费。 +- [Vuethwallet](https://github.com/sc0vu/vuethwallet)-一个简单的应用程序使用 vuejs 生成以太坊钱包。 +- [Tipe](https://tipe.io/)-下一代 API 优先的 CMS。使用功能强大的编辑工具创建内容,并使用 GraphQL 或 REST API 从任何地方访问它。停止让 CMS 决定如何构建应用。 +- [Vuethexplore](https://github.com/sc0Vu/vuethexplore)-一个简单的应用程序使用 vuejs 探索以太坊区块链。 +- [Fintechers](https://www.fintechers.io/)-以 Fintech 为重点的工作委员会。 +- [Devjournal](https://www.devjournalapp.com/)-项目和构想的协作待办事项列表。 +- [Bubbleflat](https://bubbleflat.com/)-一种在线平台,可通过搜索具有相似生活方式,兴趣爱好或学校的人来帮助学生和年轻的专业人 士找到理想的室友。Laravel 和 Vuejs +- [TeaQuinox Tea Co](https://teaquinox.com/)-专门从事散叶茶的电子商务网站。 +- [blip](https://blip.website/)-测试网站的速度,移动友好性,安全性和 HTML5 文档类型。在某个位置查找商家,然后整体测试其网站,或者只是测试您自己的 URL。 +- [sunpos](https://sunpos.ru/)-太阳位置,仰角,方位角,黄道/赤道坐标和日出/日落时间(朱利安日)计算和转换实用程序。使用纯 JS,Vuejs 和 i18n Vuejs 本地化插件对网站进行编程。可视化是使用 D3.js 创建的。 +- [U3xyz](https://u3xyz.com/)-基于 vue ssr 的个人博客。 +- [27.ua](https://27.ua/)-乌克兰的互联网大型超市 +- [国际象棋守护者](http://vitomd.com/vue-chess-guardian/)-从您自己的游戏中回答国际象棋位置问题。 +- [二十一点休息](https://blackjackbreak.com/)-二十一点的快速游戏 +- [MECHANICAL](https://addons.mozilla.org/en-US/firefox/addon/mechmod/)-适用于 Firefox 的 Reddit mod,可显示上下文数据见解。 +- [GameVix](https://www.gamevix.com/)-与他人交换您使用过的视频游戏光盘,无忧。具有材料设计的 PWA。 +- [VivifyScrum](https://app.vivifyscrum.com/)-适用于交付团队的敏捷项目管理应用程序。可定制的 Scrum 和看板板。 +- [9GAG](https://9gag.com/)-流行的在线平台和社交媒体网站 +- [CryptoVue](https://www.cryptovue.com/)-实时加密货币仪表板 +- [厨房故事](https://kitchenstories.io/)-烹饪平台 +- [MailRabbit](https://mailrabbit.io/)-在没有开发人员的情况下创建,A / B 测试和监视交易电子邮件。 +- [Vue 资源精选](http://vue.awesometiny.com/)-出色的 Vue 组件列表,类别,内嵌演示秀和简介 +- [Cronhub](https://cronhub.io/)-无痛 Cron 监控工具 +- [wrkprty](https://wrkprty.com/)-针对自由职业者,远程工作者和希望离开办公室的专业人员的弹出协作活动。 +- [用爱制造](https://made-with-love.xyz/)-世界各地的“用爱制造 ❤️”倡议是庆祝 🎉,促进 📣 和建立 build 品牌的运动。它从 Dribbble,ProductHunt,Behance 和 Techcrunch 等多个来源获取 Tech 新闻,设计灵感和趋势。💝 +- [产品路径](https://www.pathtoproduct.com/)-在创业公司和科技公司中发现超过 1,000 个产品工作。 +- [V·oogle](http://v-oogle.com/)-Google.com,已修订。一个笑话项目。😃 +- [经纪人注释](https://broker-notes.com/)-'研究成为房地产经纪人':房屋: +- [SyncLounge](https://synclounge.tv/)-SyncLounge 是用于在多个位置的多个播放器之间同步 Plex 内容的工具。 +- [HCE.it](https://www.hce.it/)-一家意大利代理商的网站,完全由 Vue 使用基于 Laravel 的无头 CMS 创建。 +- [页面](https://www.pages.xyz/)-网页设计灵感 +- [Scrumpy](https://scrumpy.io/)-敏捷团队的漂亮项目管理工具 +- [Spektrum](https://spektrummedia.com/)-Spektrum Media Agency 网站 +- [SPK](https://www.spk.rocks/)SPK 生态系统的网站 +- [IDDEF](https://www.iddef.org/)☪️ 重视人类的网页,CMS,CRM 和捐赠以及所有电子商务页面的协会联合会均使用 Vue.js,Vuex 和纯 JavaScript 设计 🙏 +- [配置文件管理](http://www.configapp.com/)-一种管理配置文件的简单方法 +- [烘焙](https://roastandbrew.coffee/)这个应用程序旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡。 +- [YBR](https://yangonbusreport.org/)-集中的 YBS 公开电子投诉管理系统。(全 SPA) +- [Regex Fiddler](https://regexfiddler.com/) +- [Myanpwel](https://myanpwel.com/)-活动票务平台的网站。 +- [CryptoArte](https://www.cryptoarte.io/)-以太坊的艺术品收藏,不可替代的代币和 Dapp。 +- [Muuviez](https://muuviez.com/)-具有时尚设计的电影发现和跟踪网站 +- [NAGA VIRTUAL](https://nagavirtual.com/)-NAGA VIRTUAL 是第一个独立的虚拟商品市场。 +- [Scroll.in](https://scroll.in/)-Scroll.in 是独立的新闻,信息和娱乐企业。 +- [Akunyi](https://akunyi.com/)-慈善网站 +- [Mark Ruffalo 会做什么?](https://www.whatwouldmarkruffalodo.com/)-动机网站基于 Mark Ruffalo 在获得成功之前在数百次试镜中失败的故事。 +- [白兰地](https://getbrandy.io/)-菜单栏的品牌资产管理器。 +- [Ruster 社区](https://forum.ruster.xyz/)-CN 的 Rust 全栈社区论坛。 +- [NBC Sports](https://www.nbcsports.com/)-NBC Sports 是一家体育新闻网站。 +- [WITHIN](https://www.with.in/)-虚拟现实中的非凡故事。 +- [plottr.io](https://plottr.io/)-规划跑步和骑车路线 +- [beCamp](https://be.camp/)-在弗吉尼亚州夏洛茨维尔举行的由社区组织的技术会议。网站代码是开源的。 +- [Trustpilot](https://www.trustpilot.com/)-免费开放给所有评论平台。 +- [Lagom](https://lagom.rsstudio.net/)-简单,直观且响应迅速的 WHMCS 主题 +- [ScoutMyTrip-Roadtrip Planner](https://scoutmytrip.com/roadtrip-planner/start)-印度的公路旅行计划应用程序,可帮助旅行者建立行程,发现景点,寻找酒店,加油站,美食餐厅等沿路线。 +- [Podflix](https://podflix.app/)-播客应用。 +- [GamersClub](https://gamersclub.com.br/?lang=english)-巴西最大的电子竞技社区发展公司 +- [MIT](https://www.mit.edu/)-麻省理工学院的官方网站。 +- [Elvenar](https://en.elvenar.com/)-Elvenar 是一个基于浏览器的幻想城市建设者游戏。 +- [信标](https://beaconapp.in/)-:blue_heart:这项服务可让您在多个网站之间共享内容。 +- [Artfinder](https://www.artfinder.com/)-Artfinder 是买卖艺术品的网站。 +- [Rolodromo](https://rolodromo.com/)-专门用于桌面 RPG 的西班牙语网站。 +- [GitHubExplorer](https://kiinlam.github.io/GitHubExplorer/)-用于探索 GitHub 的纯静态页面 webapp。使用`Vuejs`和`GitHub GraphQL API v4`。 +- [主题演讲](https://github.com/znck/keynote)-与 Vue 一同展示。 +- [HappyPlants](https://github.com/morkro/happy-plants)-用于组织植物的渐进式 Web 应用 🌱。 +- [Pocket Lists](https://pocketlists.com/)-世界上最友好的待办事项列表应用程序。 +- [Padlet](https://padlet.com/)-协作公告板 +- [Glovo](https://glovoapp.com/en/)-按需交付 +- [MySigMail](https://mysigmail.com/create)-MySigMail 是一个免费的浏览器电子邮件签名生成器,无需创建帐户 +- [Wordguru](https://wordguru.netguru.com/)-一个简单的口头游戏,您可以分成几个小组,并尝试猜测尽可能多的关键字。 +- [ApiFlash](https://apiflash.com/)-基于 Chrome 的截图 API,基于 AWS Lambda 开发人员专用 +- [Kitty Ipsum](https://kitty-ipsum.com/)-生成由不同语言的“喵”组成的 lorem ipsum。 +- [Git Superstar](https://git-superstar.firebaseapp.com/)-计算您的 git 星级和顶级存储库。 +- [DECS](https://app.decs.xyz/)-分散的多合一工作区,用于管理代码段并保护敏感数据。 +- [Careup](https://careup.mx/)-牙医 🦷 的业务管理工具。 +- [Asciiur](https://www.asciiur.com/)-互联网的 ascii 艺术收藏 +- [Tapestri Designer](https://tapestridesigner.com/)-用于设计用于基因组测序实验(NGS)的 PCR 引物的免费工具 +- [Remote-Access-SSH](https://github.com/mritunjaygoutam12/Remote-host)-使用 node-ssh 的基于 Web 的远程主机访问 +- [地图标记生成器](https://map-marker-generator.firebaseapp.com/)-一个免费的在线工具,可即时生成自定义地图图标 +- [Monocle Reader](https://monoclereader.com/)-在一个地方关注提要,Twitter,YouTube,博客和其他所有内容。 +- [前站导航](https://www.frontendjs.com/)-前端社区,文档收录。 +- [Geenes](https://geenes.app/)-生成调色板并将其应用于 UI,然后将其导出到草图或代码中。 +- [Blurrish](http://blurrish.cognitusapps.com/)-Mac / Windows 加密的 Morning Pages 日记,由 Vue 和 Electron 构建。书写时模糊,因此可以在公共工作区中记录日志。 +- [ExifShot](https://exifshot.com/)-摄影的方式和方式,精美绝伦。 +- [Studolog](https://studolog.com/)-用于学生的在线文件共享平台,包括测试人员和评论。目前仅捷克语 🇨🇿。 +- [sum.cumo](https://www.sumcumo.com/)–数字业务模型(以 Vue 作为技术堆栈的核心)。 +- [Gamebrary](https://github.com/romancm/gamebrary)-用于组织视频游戏收藏的开源工具。 +- [Guds](https://www.guds.shop/)-比较各大超市的价格。仅适用于墨西哥 🇲🇽。 +- [Premium Poker Tools](https://premiumpokertools.com/)-扑克玩家用来学习的东西。 +- [QMK Configurator](https://config.qmk.fm/)-从浏览器配置,构建和下载自定义 QMK 固件。 +- [Worksome](https://www.worksome.com/)-适用于合格的 IT 专业人员,自由职业者以及希望雇用他们的公司的市场/平台。 +- [Translator-vuejs](https://manuel-suarez-abascal.github.io/translator-vuejs/)-使用 Vuejs,Yandex API 和 ResponsiveVoice.js API 构建的翻译应用程序。 +- [大计时器](https://www.bigtimer.net/)-用于研讨会,会议和演示的全屏倒数计时器。Big Timer 可以帮助研讨会主持人,会议椅,设计短跑选手,演示者和有抱负的游戏节目主持人坚持自己的计划。 +- [Wirenook](https://wirenook.com/)-用于构建响应式网站线框的免费在线应用程序。高保真和低保真,项目共享和 svg 下载。 +- [Kvalitetskontroll](https://www.kvalitetskontroll.no/)-为建筑业量身定制的挪威管理系统。 +- [Poolside FM](https://poolside.fm/)-复古音乐播放器 + +## 互动体验 + +- [Jean-Pierre Morin | 1700 LAPOSTE](http://1700laposte.com/jean-pierre-morin/) +- [Facebook NewsFeed](https://newsfeed.fb.com/) +- [YouTube AdBlitz 2016](https://adblitz.withyoutube.com/#!/advertisers) +- [Omnisense 体验](http://omnisense.net/) +- [Louis Ansa 网站(投资组合)](http://louisansa.com/) +- [Djeco.com](http://www.djeco.com/en) +- [Tolks.io](https://tolks.io/) +- [遇见 Graham](http://www.meetgraham.com.au/) +- [NOIZE 原创](http://noizeoriginal.com/) +- [TR-101 合成鼓机](https://inverted3.gitlab.io/drum-machine) +- [Bootstrap 4 编辑器](http://www.itwonders-web.com/bootstrap4-editor/) +- [Subtletab-浏览器扩展](https://subtletab.com/) +- [web-riimote](https://web-riimote.herokuapp.com/)-将您的智能手机变成 3D 控制器([源代码](https://github.com/konaraddio/web-riimote)) +- [CSS ColorVars](https://csscolorvars.github.io/)-交互式工具代码生成([源代码](https://github.com/CSSColorVars/csscolorvars)) + +## 企业用途 + +- [塞恩斯伯里的](https://sainsburys.jobs/) +- [AREX](https://arex.io/) -大疆创新 -Octimine GmbH -浑力集 +- [GitLab](https://about.gitlab.com/2016/10/20/why-we-chose-vue/) +- [Clemenger BBDO Melbourne](http://clemengerbbdo.com.au/) +- [ZenMate](https://zenmate.com/) +- [代码](https://blog.codeship.com/consider-vuejs-next-web-project/) +- [Storyblok](https://app.storyblok.com/) +- [Monito](https://www.monito.com/)-建立 Booking.com 以进行国际汇款 +- [Hypefactors](https://hypefactors.com/)-数据驱动的 PR 专业人员的软件 -Adobe -IBM +- [Cotabox](https://cotabox.com.br/) +- [Aromajoin](https://aromajoin.com/)-基于硬件,软件和材料技术的协调发展最好的数字气味产品。 +- [家乐福](https://www.carrefour.fr/) + +## A11y + +- [Vue A11y 项目](https://github.com/vue-a11y)-Vue.js 社区项目,用于改善 Web 可访问性。 +- [vue-skip-to](https://github.com/vue-a11y/vue-skip-to)-它可以帮助仅使用键盘的人跳到最重要的地方。 +- [vue-axe](https://github.com/vue-a11y/vue-axe)-Vue.js 应用程序的可访问性审核。 +- [vue-announcer](https://github.com/vue-a11y/vue-announcer)-Vue 的一种简单方法,可为屏幕阅读器宣布任何有用的信息。 +- [eslint-plugin-vue-a11y](https://github.com/maranran/eslint-plugin-vue-a11y)-用于.vue 中元素可访问性规则的静态 AST 检查器 +- [vue-focus-lock](https://github.com/theKashey/vue-focus-lock)-这是一个陷阱!焦点锁定。A11y util,用于确定焦点。 +- [vue-a11y-calendar](https://github.com/IBM/vue-a11y-calendar)-可访问的国际化 Vue 日历。 + +## 表格 + +- [vuetable-2](https://github.com/ratiw/vuetable-2)数据表简化 +- [vue-tables-2](https://github.com/matfish2/vue-tables-2)-Vue.js 2 网格组件。 +- [vue-datasource](https://github.com/coderdiaz/vue-datasource)-一个 vue.js 服务器端组件,用于创建动态表。 +- [ag-grid-vue](https://github.com/ag-grid/ag-grid/tree/master/packages/ag-grid-vue)-用于 ag-Grid 的 Vue 适配器。 +- [vue-data-tables](https://github.com/njleonzhang/vue-data-tables)-Vue2.0 数据表,基于 element-ui。 +- [vue-floatThead](https://github.com/tmlee/vue-floatThead)-用于 floatThead 的 Vue 2.0 组件,floatThead 是一个浮动的粘性表头插件。 +- [vuetiful-datatable](https://github.com/andrewcourtice/vuetiful/tree/master/src/components/datatable)-具有排序,过滤,分页,分组和聚合的数据表组件。 +- [vue-materialize-datatable](https://github.com/MicroDroid/vue-materialize-datatable)-Materialize CSS 的 VueJS 数据表 +- [vue-good-table](https://github.com/xaksis/vue-good-table)-一个易于使用的 VueJS(2.x)表插件,具有排序,列过滤,分页等功能。 +- [vue-grid](https://github.com/dzwillia/vue-grid)-Vue.js 的灵活网格组件 +- [vue-easytable](https://github.com/huangshuwei/vue-easytable)-基于 Vue2.x 的功能强大的表组件 +- [vue2-datatable-component](https://github.com/OneWayTech/vue2-datatable)-永远不会烂的 Vue.js 2.x 最佳数据表 +- [vue-js-grid](https://github.com/euvl/vue-js-grid)-Vue.js 2.x 响应式网格系统,具有平滑的排序,拖放和重新排序 +- [vue-handsontable-official](https://github.com/handsontable/vue-handsontable-official)用于 Handsontable 电子表格组件的 Vue.js 包装器 +- [vue-grid](https://github.com/liqueflies/vue-grid)-用于 Vue.js 2.x 的功能强大的 flexbox 网格系统,使用内联样式构建 +- [vue-data-tablee](https://github.com/VitorLuizC/vue-data-tablee)-基于 vue-good-table,一个简单漂亮的表组件 +- [vue-scrolling-table](https://github.com/richardtallent/vue-scrolling-table)-具有 flexbox 大小的简单表格组件,滚动表格主体(水平和垂直),所有 tr / th / td 的插槽渲染。 +- [el-search-table-pagination](https://github.com/zollero/el-search-table-pagination)-将 Element UI 的 Form,Table 和 Pagination 组件组合在一起。基于 Vue 2.x。([详细信息](https://mp.weixin.qq.com/s/r_OumEQB79lpEETThHA70g)) +- [vue-crud-x](https://github.com/ais-one/vue-crud-x)-使用 Vuetify 布局的可扩展 Crud 组件,除了通常的页面,排序,过滤器之外,它还能嵌套的 CRUD,自定义表单,过滤器,操作。 +- [Vue 数据表](https://github.com/laravel-enso/vuedatatable)-VueJS 支持的数据表,具有 Laravel 服务器端加载和 JSON 模板设置 +- [v2-table](https://github.com/dwqs/v2-table)-一个基于 Vue 2.x 的简单表组件。 +- [vue-cheetah-grid](https://github.com/future-architect/cheetah-grid)-在 Vue.js 的画布上工作的高性能网格引擎。 +- [vue-table-component](http://vue-table-component.spatie.be/)-直指 Vue 组件以显示表。 +- [@ lossendae / vue-table](https://lossendae.github.io/vue-table)-Vue.js 2.x 的简单表组件,具有分页和可排序的列。 +- [el-data-table](https://github.com/FEMessage/el-data-table)-基于 element-ui,可以轻松完成任务 +- [DevExtreme Vue 网格](https://devexpress.github.io/devextreme-reactive/vue/grid/)-用于 Bootstrap 的基于插件的高性能 Vue 数据网格。 +- [vue-ads-table-tree](https://github.com/arnedesmedt/vue-ads-table-tree)-具有过滤,排序和分页功能的 vue Table 组件。行可以具有子行,因此可以构建树结构。它还支持异步调用以从后端加载行。它是使用 CSS 框架[tailwindcss](https://tailwindcss.com/docs/what-is-tailwind/)构建的 +- [用于 Vue 的 Synfusion 数据网格](https://github.com/syncfusion/ej2-vue-grids)-显示和处理具有分页,排序,过滤,编辑和分组等功能的表格数据。 +- [@ marketconnect / vue-pivot-table](https://github.com/MarketConnect/vue-pivot-table)-数据透视表的 vue 组件 +- [vue-teible](https://github.com/hiendv/teible)-Web 的轻巧灵活的表组件:zap: +- [vue-jqxgrid](https://github.com/jqwidgets/vue/tree/master/grid)-具有过滤,排序,编辑,分组,数据导出和其他功能的 Vue 数据网格。 +- [vue-jqxpivotgrid](https://github.com/jqwidgets/vue/tree/master/pivotgrid)-具有枢轴设计器的 Vue 枢轴数据网格,钻取单元格,枢轴功能。 +- [toast-ui.vue-grid](https://github.com/nhnent/toast-ui.vue-grid)- [TOAST UI Grid]的 Vue 包装器(http://ui.toast.com/tui -grid /)。 +- [vueye-datatable](https://github.com/boussadjra/vueye-table)-Vueye 数据表是基于 Vue.js 2 的响应数据表组件,它按页面组织数据以便于浏览。 +- [vue-sorted-table](https://github.com/BernhardtD/vue-sorted-table)-一个将表转换为排序表的插件。支持嵌套的对象键,自定义图标和可重用组件。 +- [vue-bootstrap4-table](https://github.com/rubanraj54/vue-bootstrap4-table)-基于 Vue 2 和 Bootstrap 4 的高级数据表,其中包括多列过滤,多列排序,分页和信息,复选框行和高度可定制的插槽选项。 +- [vuejs-smart-table](https://github.com/tochoromero/vuejs-smart-table)-直截了当的表格组件,使用原始 HTML 表格结构,并具有开箱即用的排序,过滤,分页和选择功能。 +- [@ myena / vue-table](https://github.com/myENA/vue-table)-用于客户端/服务器数据处理的表组件。筛选,排序,分页,分组,展开详细信息行。高度可定制的通孔,用于过滤器,标题,列,分页,详细信息行。 +- [vue-jd-table](https://github.com/jamesdruhan/vue-jd-table)-Vue 2 的高级且灵活的数据表组件。功能丰富:搜索,过滤,导出,分页(传统和虚拟)滚动)等等! +- [vue-grd](https://github.com/1000ch/vue-grd)-用于网格布局的简单,轻巧和灵活的 Vue.js 组件。 +- [iview-table-page](https://github.com/MengFangui/iview-table-page)-将 iview UI 的表和页面组件组合在一起。基于 Vue2.x。并听到了一些使用 iview-table-page 的示例。 + +## 通知 + +- [vue-notifications](https://github.com/se-panfilov/vue-notifications)-Vue.js 不可知的非阻塞通知库。 +- [vue-easy-toast](https://github.com/noru/vue-easy-toast)-vue / vue2 的 Toast 插件。 +- [vue-toasted](https://github.com/shakee93/vue-toasted)-适用于 VueJS 的自适应 Touch 兼容 Toast 插件。 +- [vue-notifikation](https://github.com/happyCoda/vue-notifikation)-Vue.js 通知插件。 +- [vue-notification](https://github.com/euvl/vue-notification)-使用`Velocity`制作动画的 Vue.js 2+通知插件。 +- [vs-notify](https://github.com/NxtChg/pieces/tree/master/js/vue/vs-notify)-微小但功能强大的通知组件,没有依赖项。 +- [vue2-notify](https://github.com/websmurf/vue2-notify)-Vue.js 2+通知插件。 +- [vue-notifyjs](https://github.com/cristijora/vue-notifyjs)-极简主义,3kb 可通知通知插件 +- [vueup](https://github.com/chryb/vueup)-Vue.js 的简单,轻巧和优雅的全局通知弹出窗口 +- [vuex-flash](https://github.com/ahmed-dinar/vuex-flash)-Vuex 2.x 中用于 VueJS 2.x 的 Flash 消息组件。 +- [vue-snotify](https://github.com/artemsky/vue-snotify)-Vue.js 2 通知中心 +- [vue-notify-me](https://github.com/PygmySlowLoris/vue-notify-me)-Vue 的可堆叠通知警报 +- [vue-noty](https://github.com/renoguyon/vuejs-noty)-围绕 Noty 的 Vue.js 2 包装器 +- [vue-notice](https://github.com/nikitamarcius/vue-notice)-Vue.js 2 使用本机 API 围绕 Noty.js 进行包装 +- [vue-flash-message](https://github.com/keen-on-design/vue-flash-message)-简单但灵活的通知插件 +- [@ voerro / vue-notifications](https://github.com/keen-on-design/vue-flash-message)-具有 HTML 和样式支持的简单 Vue.js 2 通知插件。 +- [vue-awesome-notifications](https://github.com/f3oall/vue-awesome-notifications)-具有高级异步支持的轻量级 Vue.js 通知库。 +- [vue-izitoast](https://github.com/arthurvasconcelos/vue-izitoast)-围绕 IziToast 的 Vue.js 2 包装器。 +- [vue-toastr-2](https://github.com/saivarunk/vue-toastr-2)-基于[toastr](https://github.com/CodeSeven/toastr)的 Vue.js 的简单敬酒通知) +- [vue-snack](https://github.com/zerodois/vue-snack)-基于 Google Material 的 Snackbars 的 Vue.JS 插件。 +- [vue-m-message](https://github.com/mengdu/m-message)-vue 的消息插件。 +- [vue-notification-bell](https://github.com/Carrene/vue-notification-bell)-用于显示通知的 Vue UI 组件。 +- [v-tostini](https://github.com/marverix/v-tostini)-Vue.js 2.x 真正纯正的吐司通知机制。不包括 CSS。 +- [vue-toast-notification](https://github.com/ankurk91/vue-toast-notification)-另一个 Vue.js Toast 通知插件。 + +## 装载机 + +- [vue-radial-progress](https://github.com/wyzant-dev/vue-radial-progress)-Vue.js 的径向进度栏组件。 +- [vue-simple-spinner](https://github.com/dzwillia/vue-simple-spinner)-适用于 Vue.js 的简单灵活的微调器 +- [vue-wait](https://github.com/f/vue-wait)-适用于 Vue / Vuex 和 Nuxt 应用程序的复杂加载程序管理。 +- [vue-progress-path](https://github.com/Akryum/vue-progress-path)-支持任何自定义 SVG 路径的可自定义进度指示器和微调器。 +- [vue-blockui](https://github.com/realdah/vue-blockui)-用于 vue 2 的 BlockUI,类似于 jquery blockUI,可用于加载屏幕。 +- [epic-spinners](https://github.com/epicmaxco/epic-spinners)-易于使用的带有 vue.js 集成的 css spinners 集合。 +- [svg-progress-bar](https://github.com/chenxuan0000/svg-progress-bar)-Vue.js 的简单进度条。 +- [vue-loading-overlay](https://github.com/ankurk91/vue-loading-overlay)-微小的全屏加载指示器 +- [vue-loaders](https://github.com/Hokid/vue-loaders)- [loaders.css]的 vue 包装器(https://github.com/ConnorAtherton/loaders.css) +- [vue-promise-btn](https://github.com/STUkh/vue-promise-btn)-小巧而强大的异步按钮(或任何其他标签)工具,带有精美的内置微调器 +- [vue-spinkit](https://github.com/TonPC64/vue-spinkit)-🌈 带有 VueJS CSS 动画的加载指示器集合 +- [vue2-form-loading](https://github.com/hussam-m/vue2-form-loading)-VueJS 指令可与表单一起使用,以便在加载下一页时禁用提交按钮 +- [vue-element-loading](https://github.com/biigpongsatorn/vue-element-loading)-⏳ 在容器内加载或全屏显示 Vue.js +- [tb-skeleton](https://github.com/anthinkingcoder/tb-skeleton)-Vue.js 的骨架屏幕加载 +- [vue-spinners](https://github.com/Saeris/vue-spinners)-💫 为 Vuejs 加载微调器组件的集合 +- [vue-progress-bar](https://github.com/Yangfan2016/vue-yan-progress)-这是一个基于 vue 的级联进度条插件 +- [vue-loading-button](https://github.com/shwilliam/vue-loading-button)-👇 带有滑动加载指示器的直截了当按钮 + +## 进度条 + +- [vue-progressbar](https://github.com/hilongjw/vue-progressbar)-vue 的轻量级进度条。 +- [vue2-loading-bar](https://github.com/BosNaufal/vue2-loading-bar)-最简单的 YouTube,例如 Vue 2 的加载条组件。 +- [vue-top-progress](https://github.com/dalphyx/vue-top-progress)-另一个为 Vue.js 加载栏组件的顶级进度。 +- [vue-nprogress](https://github.com/vue-bulma/nprogress)-进度条基于 Vue 的 nprogress。 +- [vue-progress-button](https://github.com/websmurf/vue-progress-button)-Vue.js 2.x 动画按钮组件。 +- [vue-simple-progress](https://github.com/dzwillia/vue-simple-progress)-Vue.js 的简单,灵活的进度栏 +- [vue-component-loading](https://github.com/val-bubbleflat/vue-component-loading)-管理每个组件内部的加载状态,并使用进度条显示全局加载状态。 +- [vue-scroll-progress](https://github.com/spemer/vue-scroll-progress)-用于页面滚动进度条的简单 Vue.js 插件 +- [vue-read-progress](https://github.com/ajerez/vue-read-progress)-页面顶部的可自定义进度条,显示滚动进度 +- [easy-circular-progress](https://github.com/dreambo8563/easy-circular-progress)-具有计数效果的简单循环进度组件 + +## 工具提示 + +工具提示/弹出窗口 + +- [v-tooltip](https://github.com/Akryum/vue-tooltip)-使用 Vue 2.x 的简单工具提示。 +- [vue-popper-component](https://github.com/antongorodezkiy/vue-popper-component)-Vue.js 的 Popper.js 指令。 +- [vue-directive-tooltip](https://github.com/hekigan/vue-directive-tooltip)-简单,灵活的工具提示指令(基于 Popper.js)[![Vue.js](https:// img.shields.io/badge/vue-2-green.svg)](https://vuejs.org/) +- [vue-popperjs](https://github.com/RobinCK/vue-popper)-基于 VueJS 2.x popover 组件的[popper.js](https://popper.js.org/) +- [vue-tooltipster](https://github.com/cpfarher/vue-tooltipster)-基于 VueJS 2.x 工具提示组件的[tooltipster.js](http://iamceege.github.io/tooltipster/)。支持 html 内容,悬停和悬停+单击事件。 +- [k-pop](https://github.com/ChristianKienle/k-pop)-基于[popper.js](https://popper.js.org/)的简单 popover 组件。高度可定制的。带有主题。支持自定义触发器,并且可以监听任何事件。 + +## 覆盖 + +- [vuedals](https://github.com/javisperez/vuedals)-一个 VueJS(2.x)插件,用于具有单个组件实例的多个模态窗口。 +- [sweet-modal-vue](https://github.com/adeptoas/sweet-modal-vue)-发生模态的最甜的库。现在可用于 Vue.js。 +- [vue-js-modal](https://github.com/euvl/vue-js-modal)-简单易用,高度可定制,移动友好的 Vue.js 2.0+模态,具有 0 个依赖关系。 +- [vudal](https://github.com/Egorvah/vudal)-vue.js 的模态窗口 +- [vodal](https://github.com/chenjiahan/vodal)-具有动画的 Vue 模态。 +- [vue-image-lightbox](https://github.com/pexea12/vue-image-lightbox)-一个 Vue 图像灯箱/图库,可以很好地显示图像。 +- [vue2-simplert](https://github.com/mazipan/vue2-simplert)-Vue 2 简单警报组件(受 SweetAlert 启发),作者:Irfan Maulana +- [Vue-Semantic-Modal](https://github.com/David-Desmaisons/Vue-Semantic-Modal)-不具有 jQuery 依赖关系的 Vue 2 语义-UI 模态组件 +- [v-img](https://github.com/crowdbotics/v-img)-易于安装的图库。 +- [vue-dialog-drag](https://github.com/emiliorizzo/vue-dialog-drag)-可拖动对话框 +- [vue-ya-semantic-modal](https://github.com/qgp9/vue-ya-semantic-modal)-Vue2 的另一个语义 UI 模态组件,没有 Jquery 但具有 Vue 转换 +- [vue-pure-lightbox](https://github.com/DCzajkowski/vue-pure-lightbox)-非常简单的灯箱插件,没有任何依赖性-仅 Vue!🖼 +- [v-viewer](https://github.com/mirari/v-viewer)-基于[viewer.js]的 vue 图像查看器组件,支持旋转,缩放,缩放等(https:// github.com/fengyuanchen/viewerjs) +- [vue-messagebox](https://github.com/zhangxiang958/vue-messageBox)-Vue 上易于定制的消息框组件。 +- [vuejs-dialog](https://github.com/Godofbrowser/vuejs-dialog)-轻量级,基于承诺的警报,提示和确认对话框。 +- [@ hscmap / vue-window](https://github.com/michitaro/vue-window)-vue2 的窗口 UI 组件。 +- [vue-gallery](https://github.com/RobinCK/vue-gallery)-VueJS 响应式和可自定义的图像和视频库,轮播和灯箱,已针对移动和桌面 Web 浏览器进行了优化。基于 blueimp-gallery +- [vue-swal](https://github.com/anteriovieira/vue-swal)-用于将 SweetAlert 集成到 Vuejs 的小型包装器。(与 SSR 兼容) +- [vue-modal-dialogs](https://github.com/hjkcai/vue-modal-dialogs)-✨ 承诺自己的对话框! +- [vue-img-view](https://github.com/la7ender/vue-img-view)-Vue.js 的插件,您可以在任意位置拖动/查看/旋转图片 +- [vue-modaltor](https://github.com/davodaslanifakor/modaltor)-vuejs 的最先进的可配置模态组件 +- [v-modal-backdrop](https://github.com/nash403/v-modal-backdrop)-用于 vue 的简单通用背景组件 +- [vue-cute-modal](https://github.com/dillonchanis/vue-cute-modal)-适用于 Vue 应用程序的简单易用的 Modal 组件。 +- [v-dialogs](https://github.com/TerryZ/v-dialogs)-一个简单而强大的对话框,包括基于 Vue2.x 的 Modal,Alert,Mask 和 Toast 模式 +- [vue-gallery-slideshow](https://github.com/KitchenStories/vue-gallery-slideshow)-VueJS 的响应式画廊组件 +- [vue-a11y-dialog](https://github.com/morkro/vue-a11y-dialog)-用于可访问对话框[`a11y-dialog`](https://github.com的Vue.js组件包装器。 com / edenspiekermann / a11y-dialog)。 +- [vue-slideout-panel](https://github.com/nzlt/vue-slideout-panel)-VueJS 的可堆叠面板组件 +- [v-gallery](https://github.com/TerryZ/v-gallery)-用于在“ gallery”或“ carousel”中显示图像的 Vue2 插件 +- [vue2-image-loader](https://github.com/leepyng/vue2-image-loader)-vue2 的图像 lazyLoad loader 组件 +- [vue-my-photos](https://github.com/am283721/vue-my-photos)-一个简单的无依赖图像灯箱组件,具有过滤功能 +- [vue-img-orientation-changer](https://github.com/nikli2009/vue-img-orientation-changer)-一个 Vue.js 指令,可自动调整您的 img 以更正方向。 +- [vue-topmodal](https://github.com/adileo/vue-topmodal)-一个完全可定制,易于使用的 Vue.js 模态组件。(自适应,可堆叠,可滚动,动画) +- [vue-modal🖼](https://github.com/MelMacaluso/vue-modal)-为多个可切换模态内容提供对象数组或快速内联您的内容。完全可定制的 Vue 模态组件。 +- [@ innologica / vue-stackable-modal](https://github.com/Innologica/vue-stackable-modal)-用于可堆叠的模态对话框的库。完全可定制且非常易于使用。 +- [vue-sweetalert2](https://github.com/avil13/vue-sweetalert2)-sweetlaert2 的包装器,支持 TypeScript,Nuxt 和 SSR + +## 视差 + +- [vue-parallax](https://github.com/vue-comps/vue-parallax)-以比窗口慢的速度滚动图像以产生整洁的光学效果。 +- [vue-parallaxy](https://github.com/apertureless/vue-parallax)-用于视差图像滚动效果的 Vue.js 组件。 +- [vue-mouse-parallax](https://github.com/Aminerman/vue-mouse-parallax)-一个易于使用的鼠标视差组件-由 Vue.js 制成 +- [vue-parallax-js](https://github.com/jsnanigans/vue-parallax-js)-微小的 vue 组件,为元素上的视差效果添加了指令。 + +## 图标 + +- [vue-awesome](https://github.com/Justineo/vue-awesome)-Vue.js 的 Font Awesome 组件,使用嵌入式 SVG。 +- [vue-material-design-icons](https://gitlab.com/robcresswell/vue-material-design-icons“在GitLab上的vue-material-design-icons”)-单个 SVG Material Design 图标集合文件组件。 +- [vue-icon-font](https://github.com/ganl/vue-icon-font)-Vuejs 的 iconfont 插件(支持 Font-class 和 Symbol)。 +- [vue-ionicons](https://github.com/mazipan/vue-ionicons)-来自离子团队的 Vue 图标集组件。 +- [vue-ico](https://github.com/paulcollett/vue-ico)-具有嵌入式浏览器支持和选择性捆绑功能的 Vue 简易图标 +- [mdi-vue](https://github.com/therufa/mdi-vue)-Vuejs 的 Material Design 图标组件 +- [vue-fontawesome](https://github.com/FortAwesome/vue-fontawesome)-Font Awesome 5 Vue 组件 +- [g-icon](https://github.com/nash403/g-icon)-svg 图标的简单图标组件(与类似于 Font Awesome 的字体工具包兼容) +- [vue-simple-line-icons](https://github.com/nkoik/vue-simple-line-icons)-Vuejs 的简单线条图标组件 +- [vue-country-flag](https://github.com/P3trur0/vue-country-flag)-国家标记图标的 Vue 组件- [vicon](https://github.com/Lt0/vicon)- Vicon 是用于 vue 的简单 iconfont 组件。 +- [md-svg-vue](https://github.com/IPRIT/md-svg-vue)-Google 为 Vue.js 和 Nuxt.js 提供的 Material Design 图标(服务器端支持(带缓存),内嵌 svg)渲染,官方图标名称) +- [vue-lang-code-flags](https://github.com/qWici/vue-lang-code-flags)-Vue 组件,显示语言来源国的标志 +- [vue-zondicons](https://github.com/TerryMooreII/vue-zondicons)-精美[Zondicon]的 Vue 组件(http://www.zondicons.com/icons.html)svg 图标 +- [vue-eva-icons](https://github.com/antonreshetov/vue-eva-icons)-简单漂亮的开源 eva 图标作为 Vue 组件。 +- [vue-unicons](https://github.com/antonreshetov/vue-unicons)-为您的下一个项目提供超过 1000 个像素完美的 svg unicons 作为 Vue 组件。 +- [vue-fa](https://github.com/Cweili/vue-fa)-简单的 FontAwesome 5 Vue.js 2 组件。 +- [vue-cryptoicon](https://github.com/man15h/vue-cryptoicon)-美丽的像素完美的 400+加密货币和 10+法定货币图标。 + +## 菜单 + +- [vue-accordion](https://github.com/zeratulmdq/vue-accordion)-适用于 Vue.js 的简单手风琴导航菜单组件。 +- [vue-js-dropdown](https://github.com/euvl/vue-js-dropdown)-Vue.js 2 下拉菜单组件。轻巧,易于使用和扩展,无外部缺陷。 +- [vue-slideout](https://github.com/vouill/vue-slideout)-流行的库[slideout]的 Vue 实现(https://github.com/Mango/slideout) +- [vue-quick-menu](https://github.com/AshleyLv/vue-quick-menu)-这是基于 vue.js2 的 Web 导航组件。 +- [@ hscmap / vue-menu](https://github.com/michitaro/vue-menu)-vue2 的菜单/上下文菜单组件。 +- [vue-router-nav](https://github.com/classicalcondition/vue-router-nav)-简约的响应式导航栏,呈现 vue-router 的路线。 +- [vue-drawer-layout](https://github.com/hjl19911127/vue-drawer-layout)-一个简单的 DrawerLayout 组件(例如 Android)具有 Vue.js。 +- [vue-simple-menu](https://github.com/RGRU/vue-simple-menu)-具有一组基本功能的简单菜单组件,在 80%的情况下足够 +- [vue-tree-navigation](https://github.com/MisRob/vue-tree-navigation)-具有 vue-router 支持的 Vue.js 2 树导航 +- [bp-vuejs-dropdown](https://github.com/borisbutenko/bp-vuejs-dropdown)-Vuejs => 2 下拉菜单。易于使用,无需外部,可选。 +- [vue-bulma-accordion](https://github.com/Lunrtick/vue-bulma-accordion)-简单,易于配置的手风琴或具有 Bulma 自定义样式的可折叠样式或内置的可用图标 +- [v-selectmenu](https://github.com/TerryZ/v-selectmenu)-针对 Vue2 的简单,容易和高度定制的菜单解决方案。 +- [vue-burger-menu](https://github.com/mbj36/vue-burger-menu)-具有不同 CSS 动画的画布外边栏 Menu 组件。 +- [vue-dynamic-dropdown](https://github.com/JonathanDn/vue-dropdown)-一个高度可定制的,易于使用的优雅下拉组件 +- [vue-navigation-bar](https://github.com/johndatserakis/vue-navigation-bar)-适用于您的 Vue 项目的简单,漂亮的导航栏。 +- [vue-simple-search-dropdown](https://github.com/romainsimon/vue-simple-search-dropdown)-一个没有外部依赖关系的简单可搜索输入下拉组件 +- [@ innologica / vue-dropdown-menu](https://github.com/Innologica/vue-dropdown-menu)-Vue 的下拉菜单组件。任何元素都可以是下拉触发器,任何内容都可以下拉内容。 +- [vue-menu-aim](https://github.com/Dimon24021993/vue-menu-aim)-菜单三角形选择,又名亚马逊 + +## 输入 + +- [minus-plus-input](https://github.com/manju16832003/v-minusplusinput)-带正负号的数字输入;包含在 Vue.js v1 和 v2 中。 +- [vue-integer-plusminus](https://github.com/Keiwen/vue-integer-plusminus)-带有 vue 2 增量和减量按钮的整数输入。 +- [vue-numeric-input](https://github.com/JayeshLab/vue-numeric-input)-带有控件的数字输入组件。 +- [vue-number-smarty](https://github.com/Seokky/vue-number-smarty)-数字输入可以在聚焦字段时更改滚动值。 +- [vuetify-number-smarty](https://github.com/Seokky/vuetify-number-smarty)-数字输入可在字段聚焦时更改滚动值(Vuetify.js 实现)。 + +## 轮播 + +- [vue-easy-slider](https://github.com/shhdgit/vue-easy-slider)-Vue.js 的滑块组件。 +- [vue-l-carousel](https://github.com/lsycxyj/vue-l-carousel)-Vue.js v2.x +的响应式轮播(即滑块或滑动)组件。 +- [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper)-Vue.js(1.x〜2.x)的 Swiper(slide)组件。 +- [vue-lory](https://github.com/vue-bulma/lory)-基于 lory 的 Vue 滑块组件。 +- [vue-slick](https://github.com/staskjs/vue-slick)-Slick-carousel 的 Vue 组件。 +- [vue-flickity](https://github.com/drewjbartlett/vue-flickity)-Flickity.js 的 Vue 组件。 +- [vue-carousel-3d](https://github.com/wlada/vue-carousel-3d)-Vue Carousel 3D-Vue.js 美观,灵活且受触摸支持的 3D Carousel。 +- [vue-carousel](https://github.com/SSENSE/vue-carousel)-适用于 Vue.js 的灵活,响应迅速,触摸友好的轮播。 +- [vue-coverflow](https://github.com/OrangeXC/vue-coverflow)-vue2.x Coverflow 组件。 +- [vue-agile](https://github.com/lukaszflorczak/vue-agile)–受 Slick 启发的轮播组件,仅以 Vue.js 和 Vanilla JS 编写。 +- [vue-tiny-slider](https://github.com/viktorlarsson/vue-tiny-slider)–由 ganlanyuan 创建的轮播组件,用 Vue.js 编写。没有 jQuery。适用于 IE8 +。 +- [vue2-text-swimlane](https://github.com/mubaidr/vue-swimlane)-用于 Vue.js 的 Text Swimlane 插件 +- [vue-picture-swipe](https://github.com/rap2hpoutre/vue-picture-swipe)-Vue Picture Swipe Gallery(具有缩略图,延迟加载和轻扫的图像画廊)由 photowipe 支持。 +- [vue2-siema](https://github.com/sainf/vue2-siema)-非常小的 Siema 转盘/滑块库的插件包装。 +- [vue-flux](https://github.com/deulos/vue-flux)-带有 20 个炫酷过渡的图片滑块。 +- [vue-glide](https://github.com/antonreshetov/vue-glide)- [Glide.js]上方的 Vue 滑块和轮播组件(https://github.com/glidejs/glide) +- [vue-owl-carousel](https://github.com/s950329/vue-owl-carousel)- [Owl Carousel 2]的 Vue 组件(https://owlcarousel2.github.io/OwlCarousel2/) +- [vueper-slides](https://github.com/antoniandre/vueper-slides)-适用于 Vue JS 的易于触摸且响应迅速的幻灯片/轮播。 +- [vue-canvas-carousel](https://github.com/loo41/vuc)- [vuc-carousel]的 Vue 画布组件(http://vuc.tianchenyong.top/#/carousel) +- [胡珀](https://github.com/baianat/hooper)-针对 Vue 优化的可自定义的可访问轮播滑块 +- [语言](https://github.com/ChristophAnastasiades/Lingallery)-Vue 的简单图像库组件,在下面显示带有缩略图的大图像 +- [vue-piece-slider](https://github.com/dreambo8563/vue-piece-slider)-动画幻灯片的碎片化外观 +- [vue2-photo-carousel](https://github.com/leepyng/vue2-photo-carousel)-Vue2 的照片轮播组件 + +## 图表 + +- [vue-morris](https://github.com/bbonnin/vue-morris)-VueJS 组件包装了 Morris.js。 +- [vue-charts](https://github.com/haydenbbickerton/vue-charts)-适用于 Vue.js 的 Google Charts 插件。 +- [vue-chartjs](https://github.com/apertureless/vue-chartjs)-Chart.js 的 Vue.js 包装器。 +- [hchs-vue-charts](https://github.com/hchstera/vue-charts)-基于 ChartJs 的 Vue2.0 包装器。 +- [vue-echarts](https://github.com/Justineo/vue-echarts)-Vue.js 的 ECharts 组件。 +- [vuetrend](https://github.com/QingWei-Li/vue-trend)-Vue.js 的简洁优雅火花线。 +- [vue-highcharts](https://github.com/weizhenye/vue-highcharts)-Vue 的 Highcharts 组件。 +- [vue-echarts-v3](https://github.com/xlsdg/vue-echarts-v3)-ECharts.js(v3.x +)的 Vue.js(v2.x +)组件包装。 +- [vue-chartist](https://github.com/lakb248/vue-chartist)-Chartist 的 Vue.js 2.0 组件包装。 +- [g2-vue](https://github.com/fireyy/g2-vue)-用于在 Vue 组件中轻松使用 G2 的工厂包装。 +- [vuebars](https://github.com/DeviaVir/vue-bar)-适用于 Vue.js 的简洁优雅的火花棒。 +- [vue-d3-network](https://github.com/emiliorizzo/vue-d3-network)-使用 d3-force 绘制网络图形的 Vue 组件 +- [vue2vis](https://github.com/alexcode/vue2vis)- [Visjs](http://visjs.org/)的 Vue2 包装器。 +- [vue-c3](https://github.com/chryb/vue-c3)-用于 c3 图表的可重用 vue 组件 +- [vue-d2b](https://github.com/d2bjs/vue-d2b)-d2b 图表的 Vue 组件。(包括轴,饼图,sankey 和森伯斯特图) +- [VueChart](https://github.com/SeregPie/VueChart)-一个非常简单的 Chart Vue 包装器。 +- [vue-chartkick](https://github.com/ankane/vue-chartkick)-用一行 Vue 创建漂亮的 JavaScript 图表 +- [d3vue](https://github.com/ignoreintuition/d3vue)-用于在 VueJS 中创建反应性数据可视化的 D3 插件 +- [vue2-frappe](https://github.com/JustSteveKing/vue2-frappe)-VueJS 的 Frappe Charts 的简单包装 +- [vue-google-charts](https://github.com/devstark-com/vue-google-charts)-Google Charts lib 的反应性 Vue.js 包装器 +- [vue-graph](https://github.com/juijs/vue-graph)-数据可视化库,用于 Vue.js 中的仪表板实现 +- [vue.d3.sunburst](https://github.com/David-Desmaisons/Vue.D3.sunburst)-基于 D3.js 的反应性旭日形组件 +- [v-chart-plugin](https://github.com/ignoreintuition/v-chart-plugin)-一个可定制的组件,用于添加绑定到组件数据的 D3 图表。 +- [vue-jqxchart](https://github.com/jqwidgets/vue/tree/master/chart)-具有饼图,气泡,甜甜圈,线,条,栏,面积,瀑布,极地和蜘蛛系列的制图组件。 +- [toast-ui.vue-chart](https://github.com/nhnent/toast-ui.vue-chart)- [TOAST UI 图表]的 Vue 包装器(http://ui.toast.com/tui -图表/)。 +- [vue-apexcharts](https://github.com/apexcharts/vue-apexcharts)- [ApexCharts]的 Vue.js 组件(https://github.com/apexcharts/apexcharts.js)。 +- [vue-doughnut-chart](https://github.com/mazipan/vue-doughnut-chart)-Vue.js 的甜甜圈图组件。 +- [v-charts](https://github.com/ElemeFE/v-charts)-基于 Vue2.x 和 Echarts 的图表组件。 +- [vue-css-donut-chart](https://github.com/dumptyd/vue-css-donut-chart)-用于绘制纯 CSS 甜甜圈图的轻量级 Vue 组件。 +- [vue-trend-chart](https://github.com/dmtrbrl/vue-trend-chart)-Vue.js 的简单趋势图 +- [vueplotlib](https://github.com/keller-mark/vueplotlib)-声明性,交互式,链接的绘图组件 +- [vgauge](https://github.com/amroessam/vgauge)-GaugeJS 的 Vue 包装器-创建漂亮的量规 +- [vue-plotly](https://github.com/David-Desmaisons/vue-plotly)- [plotly.js](https://plot.ly/javascript/)声明性图表库的包装,随附 20 图表类型,包括 3D 图表,统计图和 SVG 地图。 +- [vue-funnel-graph-js](https://github.com/greghub/vue-funnel-graph-js)-Vue.js 的漏斗图绘制库。创建垂直和水平动画 SVG 漏斗图,并添加标签,值,图例和其他信息。 +- [pure-vue-chart](https://github.com/djaxho/pure-vue-chart)-在没有任何图表库相关性的情况下实现的轻量级 vue 图表 + +## 时间 + +- [vue-timeago](https://github.com/egoist/vue-timeago)-Vue 的一个很小的 timeago 组件。 +- [vue-moment-jalaali](https://github.com/saman/vue-moment-jalaali)-针对您的 Vue.js 项目的 Jalaali Moment.js 过滤器。 +- [vue-countdown-timer](https://github.com/sagarkbhatt/vuejs-countdown-timer)-添加了时区转换支持。 +- [vue-analog-clock-range](https://github.com/f/vue-analog-clock-range)-显示时差的模拟时钟范围。 +- [vue-moment-lib](https://github.com/julon/vue-moment-lib)-使用相同的 momentjs API 的简单 Vue.js 2.0 MomentJS 库(过滤器和全局变量)。 +- [vuejs-countdown](https://github.com/getanwar/vuejs-countdown)-适用于 vue js 2.0 的简单倒数计时器组件 +- [vue2-flip-countdown](https://github.com/philipjkim/vue2-flip-countdown)-Vue 2.x 具有倒转效果的倒数计时器 +- [timeline-vuejs](https://github.com/pablosirera/timeline-vuejs)-Vue 的简约时间表 +- [vue-awesome-countdown](https://github.com/mlinquan/vue-awesome-countdown)-Vue 2.5.0+具有高性能和高精度的倒计时插件。官方网站:[https://vac.js.org](https://vac.js.org/) +- [vue-clock2](https://github.com/bestvist/vue-clock2)-显示 Vue 的时钟组件。 +- [vuemodoro](https://github.com/P3trur0/vuemodoro)-Pomodoro 计时器作为单个文件 Vue 组件。 + +## 日历 + +- [vue-fullcalendar](https://github.com/Wanderxx/vue-fullcalendar)-Vue 日历 fullCalendar。无需 jQuery。安排事件管理。 +- [vue-event-calendar](https://github.com/GeoffZhu/vue-event-calendar)-Vue2 的简单事件日历,除 Vue2 外没有其他依赖项。 +- [vue-calendar-picker](https://github.com/FranckFreiburger/vue-calendar-picker)-用于事件显示,时段选择和日期选择器的轻量级日历组件。 +- [vue-lunar-calendar](https://github.com/KimWooHyun/vue-lunar-calendar)-农历的 vue 组件。使用 Moment.js 进行日期操作。 +- [vue-simple-calendar](https://github.com/richardtallent/vue-simple-calendar)-基于 Flexbox 的 Vue 月历功能;支持多日活动,本地化,节日表情符号,拖放。没有依赖关系。 +- [vue2-calendar](https://github.com/Trekels/vue2-calendar)-一个简单的完整日历组件,旨在灵活而轻巧。 +- [vue-jlunar-datepicker](https://github.com/tuhe32/vue-jLunar-datePicker)-具有节日和节气的中国农历日期选择器组件。 +- [vue-full-calendar](https://github.com/CroudSupport/vue-fullcalendar)-Vue 1 和 2 的完整[fullcalendar.io](https://fullcalendar.io/)包装器 +- [v-calendar](https://github.com/nathanreyes/v-calendar)-动画日历/日期选择器,显示简单和重复日期的区域,指标和日弹出窗口。 +- [vue-infinite-calendar](https://github.com/laleshii/vue-infinite-calendar)-Vue 2 的简单无限日历实现 +- [vue-calendar](https://github.com/kylin-z/vue-calendar)-适用于 Vue 2.1.5+的简单日历组件,支持自定义内容。没有依赖关系。 +- [vue2-event-calendar](https://github.com/kitwon/vue2-event-calendar)-Vue2 的事件日历,支持自定义事件项和日历标题。 +- [vue2-datePicker-infinite](https://github.com/leepyng/vue-datepicker-infinite)-Vue2 的无限 datePicker,易于使用且没有依赖性。 +- [vue2-slot-calendar](https://github.com/icai/vue2-calendar)-vue 2 日历,支持月球或日期事件的日期选择器组件,引导程序样式。 +- [quasar-calendar](https://github.com/stormseed/quasar-calendar)-使用 Quasar 框架的 vue.js 日历,可实现每月,多天和议程视图。 +- [vue2-datepicker](https://github.com/mengxiong10/vue2-datepicker)-Vue2 的漂亮 datepicker / datetimepicker 组件 +- [vue-pikaday](https://github.com/enrian/vue-pikaday)- [Pikaday](https://github.com/dbushell/Pikaday)datepicker 的 VueJS 包装器组件 +- [vue-tuicalendar](https://github.com/lkmadushan/vue-tuicalendar)- [tui.calendar](https://github.com/nhnent/tui.calendar)日历的 VueJS 包装器组件 +- [vue-jqxscheduler](https://github.com/jqwidgets/vue/tree/master/scheduler)-VueJS Scheduler 组件。 +- [toast-ui.vue-calendar](https://github.com/nhnent/toast-ui.vue-calendar)- [TOAST UI 日历]的 Vue 包装器(http://ui.toast.com/tui -日历)。 +- [vue-functional-calendar](https://github.com/ManukMinasyan/vue-functional-calendar)-基于 Vue 的轻量级高性能日历组件(日期选择器,日期范围)。 +- [vue-cal](https://github.com/antoniandre/vue-cal)-Vue JS 完整日历,无依赖项,无 BS。🤘。 +- [vue-draggableCal](https://github.com/liloow/vue-draggableCal)-不是普通的日期选择器。一个 Vuejs 可拖动的日期选择器,具有全新的响应式设计,可移动使用且具有 0 个依赖项,已压缩 17kb +- [vue-material-year-calendar](https://github.com/nono1526/vue-material-year-calendar)-Vue2 的全年(每页 12 个月)日历。使用 dayjs。 +- [vuelendar](https://github.com/codesthq/vuelendar)-用 VueJS 编写的简洁日历 + +## 地图 + +- [vue2-google-maps](https://github.com/xkjyeah/vue-google-maps)-Google Maps 组件,用于带有 2 向数据绑定的 vue。 +- [vue2-leaflet](https://github.com/KoRiGaN/Vue2Leaflet)-传单地图的 Vue 2 组件。 +- [vue-mapbox-gl](https://github.com/phegman/vue-mapbox-gl)-Mapbox GL JS 的 Vue 2.x 组件 +- [vue-yandex-maps](https://github.com/PNKBizz/vue-yandex-map)-Yandex Maps 的 Vue 2.x 组件 +- [vue-baidu-map](https://github.com/Dafrok/vue-baidu-map)-百度地图的 Vue 2.x 组件。 +- [vue-choropleth](https://github.com/voluntadpear/vue-choropleth)-Vue 2.x 组件,用于显示一个 Choropleth 贴图。 +- [vuelayers](https://github.com/ghettovoice/vuelayers)-Vue 2 组件可与 OpenLayers 一起使用。 +- [vue-googlemaps](https://github.com/Akryum/vue-googlemaps)-Vue 2.x 组件,用于集成 Google Maps。 +- [vue-static-map](https://github.com/eperedo/vue-static-map)-Vue 2.x 简单组件,可生成静态 Google 地图 +- [vue-mapbox](https://github.com/soal/vue-mapbox)-Mapbox GL JS 库周围的 Vue 2.x 包装器,提供了与地图交互的途径。 + +## 音频视频 + +- [Vue-APlayer](https://github.com/SevenOutman/vue-aplayer)-:cake:用于 Vue 2.x 的易于配置的音乐播放器。 +- [vue-audio](https://github.com/shershen08/vuejs-sound-player)-音频标签包装器;Vue 2.x 的声音播放器组件 +- [vue-dplayer](https://github.com/sinchang/vue-dplayer)-基于 DPlayer 的 Vue 2.x 视频播放器组件。 +- [vue-canvasvideo](https://github.com/chrishurlburt/vue-canvasvideo)-一个 Vue 2.x 组件,用于在 iOS / Safari 上播放视频背景和自动播放视频。 +- [vue-music](https://github.com/petsgre/music)-基于 html5``的 Vue 组件。 +- [vue-audio-visual](https://github.com/staskobzar/vue-audio-visual)-Vue HTML5 音频可视化组件。 +- [vue-plyr](https://github.com/redxtech/vue-plyr)-一组用于 plyr 视频和音频播放器的 Vue 组件。 +- [v-playback](https://github.com/TerryZ/v-playback)-一个 Vue2 插件,可简化视频播放。 +- [vue-audio-recorder](https://github.com/grishkovelli/vue-audio-recorder)-Vue.js 的音频记录器。它允许在服务器上创建,播放,下载和存储记录 +- [vue-video-section](https://github.com/johndatserakis/vue-video-section)-Vue 的简单视频标头/部分组件。适用于视频背景并在其上叠加内容。 + +## 无限滚动 + +- [vue-infinite-loading](https://github.com/PeachScript/vue-infinite-loading)-适用于 Vue.js 1.0 和 Vue.js 2.0 的无限滚动插件。 +- [vue-mugen-scroll](https://github.com/egoist/vue-mugen-scroll)-Vue.js 的无限滚动组件 2。 +- [vue-infinite-scroll](https://github.com/ElemeFE/vue-infinite-scroll)-vue.js 的无限滚动指令。 +- [vue-loop](https://github.com/lookstudios/vue-loop)-Vue.js 2 的无限内容循环组件。 +- [vue-scroller](https://github.com/wangdahoo/vue-scroller)-Vue.js 2 的无限内容循环组件,包括诸如“拉动刷新”,“无限加载”之类的功能,'snaping-scroll'。 +- [vue-infinite-list](https://github.com/legeneek/vue-infinite-list)-无限列表 mixin 可以为 Vue.js 2 回收 dom +- [vue-infinite-slide-bar](https://github.com/biigpongsatorn/vue-infinite-slide-bar)-∞ 无限滑动条组件。 +- [vue-virtual-infinite-scroll](https://github.com/zuolei828/vue-virtual-infinite-scroll)-基于 Iscroll 的 vue2 组件,支持具有高性能滚动,无限负载和拉动的大数据列表刷新。 + +## 拉动刷新 + +- [vue-pull-refresh](https://github.com/lakb248/vue-pull-refresh)-拉动刷新 Vue.js 2.0 的组件。 +- [vue-pull-to](https://github.com/stackjie/vue-pull-to)-下拉刷新和上拉为 Vue.js 组件加载了更多内容并无限滚动。 +- [vue-data-loading](https://github.com/bedlate/vue-data-loading)-另一个用于无限滚动和向下/向上加载数据的组件。 +- [vue-quick-loadmore](https://github.com/duyanpeng/vue-quick-loadmore)-Vue 的下拉刷新和上拉无限滚动插件。 + +## 降价 + +- [vue-markdown](https://github.com/miaolz123/vue-markdown)-适用于 Vue 的强大,高速 Markdown 解析器。 +- [vue-mavonEditor](https://github.com/hinesboy/mavonEditor)-基于 Vue 的降价编辑器,支持多种个性化功能。 +- [vue-simple-markdown](https://github.com/Vivify-Ideas/vue-simple-markdown)-适用于 Vue 的简单,高速 Markdown 解析器。 +- [vue-simplemde](https://github.com/F-loat/vue-simplemde)- [simplemde](https://github.com/sparksuite/simplemde-markdown-editor)的包装。不论是初学者还是专家,都可轻松编辑。具有内置的自动保存和拼写检查功能。 +- [toast-ui.vue-editor](https://github.com/nhnent/toast-ui.vue-editor)- [TOAST UI 编辑器]的 Vue 包装器(http://ui.toast.com/tui -编辑)。 + +## PDF + +- [vue-pdf](https://github.com/FranckFreiburger/vue-pdf)-基于 mozilla 的 PDF.js 的 pdf 查看器 +- [pdfvuer](https://github.com/arkokoley/pdfvuer)-Vue 的 PDF 查看器,使用 Mozilla 的 PDF.js 和文本支持。[演示](https://blog.koley.in/pdfvuer/) + +## 树 + +- [Vue.D3.tree](https://github.com/David-Desmaisons/Vue.D3.tree)-基于[D3.js]的树状视图(https://d3js.org/) +- [vue-json-tree-view](https://github.com/arvidkahl/vue-json-tree-view)-Vue.js 的 JSON 树视图组件。 +- [vue-tree](https://github.com/halower/vue2-tree)-Vue.js 2.X 的树组件。 +- [liquor-tree](https://github.com/amsik/liquor-tree)-惊人的 Vue 树组件 +- [vue-trees-ui](https://github.com/wyr1227/vue-trees)-基于 Vue 的 Tree Ui。 +- [Bosket](https://github.com/elbywan/bosket)-前端框架(Vue,React,Angular 和 Riot)的树视图组件的集合。 +- [plantain-00 / tree-component](https://github.com/plantain-00/tree-component)-一个 reactjs,angular 和 vuejs 树组件。 +- [sl-vue-tree](https://github.com/holiber/sl-vue-tree)-适用于 Vue.js 的简单可定制的可拖动树组件 +- [vue-draggable-nested-tree](https://github.com/phphe/vue-draggable-nested-tree)-适用于 Vuejs2 [@phphe](https://github.com的功能强大的可自定义可拖动树视图组件。 com / phphe) +- [vuejs-tree](https://github.com/scalia/vuejs-tree)-高度可定制的 VueJs 树查看器 +- [vue-jstree](https://github.com/zdy1988/vue-jstree)-适用于 Vue2 的树形插件,带有漂亮的图标和拖放功能 +- [vue-vtree](https://github.com/XAHTEP26/vue-vtree)-Vue.js 的通用且灵活的树组件 +- [vue-json-component](https://github.com/tylerkrupicka/vue-json-component)-JSON 树视图,没有依赖项,TypeScript 支持且易于定制。 +- [vue-tree-list](https://github.com/ParadeTo/vue-tree-list)-用于树形结构的 vue 组件 + +## 社交分享 + +- [vue-social-sharing](https://github.com/nicolasbeauvais/vue-social-sharing)-一个 Vue.js 组件,用于共享指向社交网络的链接,可与 Vue.js 1.X 或 2.X 一起使用。 +- [vue-goodshare](https://github.com/koddr/vue-goodshare)-用于社交共享的 Vue.js 组件,具有精美的按钮设计。简单的安装,丰富的文档,开发人员支持,SEO 友好,干净的代码,无需脚本即可快速跟踪页面上的用户活动。使用 Vue.js2.x。 +- [vue-socialmedia-share](https://github.com/mbj36/vue-socialmedia-share)-一个 Vue.js 组件,用于使用 Vue 2.X 共享与社交网络的链接 +- [vue-picture-sharesheet](https://github.com/Onatcer/vue-picture-sharesheet)-一个 Vue 图片共享表组件,受到苹果新闻编辑室中图片共享表的启发 +- [vue-twitter](https://github.com/chiaweilee/vue-twitter)-用于嵌入 Twitter 小部件(例如时间线,按钮)的 Vue.js 组件 +- [vue-share-buttons](https://github.com/Alexandrshy/vue-share-buttons)-Vue.js 组件,用于在您的项目中放置按钮,您可以共享任何东西 + +## 二维码 + +- [vue-qriously](https://github.com/theomessin/vue-qriously)-一个 Vue.js 2 组件,用于使用 qrious 在 HTML Canvas 上绘制 QR 代码。 +- [vue-qart](https://github.com/superman66/vue-qart)-vue 2.x 用于 qart.js 的指令。 +- [vue-qrcode-reader](https://github.com/gruhn/vue-qrcode-reader)-一个 Vue.js 2 组件,可从相机流中检测和解码 QR 码。 + +## 搜索 + +- [vue-fuse](https://github.com/shayneo/vue-fuse)-模糊搜索库 Fuse.js 的轻量级插件 +- [vue-instantsearch](https://community.algolia.com/vue-instantsearch/)-使用[Algolia](https://www.algolia.com/)创建即时搜索体验的终极工具箱。 +- [vue-innersearch](https://github.com/InnerSearch/vue-innersearch)-用于 Elasticsearch 的 Vue.js 包装器 +- [reactivesearch-vue](https://github.com/appbaseio/reactivesearch)-用于使用 Elasticsearch 构建数据驱动的应用程序的 UI 组件 + +## 其他 + +- [vue-avatar](https://github.com/eliep/vue-avatar)-vue.js 的头像组件。 +- [vue-touch-ripple](https://github.com/surmon-china/vue-touch-ripple)-Vue.js 的触摸波纹组件(1.x〜2.x)。 +- [vue-typer](https://github.com/cngu/vue-typer)-Vue 组件,用于模拟用户键入,选择和擦除文本。 +- [vue-keyboard](https://github.com/MartyWallace/vue-keyboard)-Vue 2 虚拟键盘组件。 +- [vue-twentytwenty](https://github.com/mhayes/vue-twentytwenty)-图像比较组件,可与 Vue.js 2.x 一起使用 +- [vue-cookie-law](https://github.com/apertureless/vue-cookie-law)-Vue.js 2.x 的 Cookie 信息插件 +- [vue-gravatar](https://github.com/JiriChara/vue-gravatar)-适用于 Vue.js 2.x 的简陋的 gravatar 组件 +- [vue-clipboard2](https://github.com/Inndy/vue-clipboard2)-一种易于使用的 Vue.js 2.x 剪贴板剪贴板绑定 +- [vue-flashcard](https://github.com/cuduy197/vue-flashcard)-带有 Vue.js 2.x 动画的 FLashcard 组件:bulb: +- [vue-truncate-collapsed](https://github.com/kavalcante/vue-truncate-collapsed)-一个简单的组件,它会截断文本并为 Vue.js 2 添加可点击的“阅读更多/显示较少”。 X +- [vue-kanban](https://github.com/BrockReece/vue-kanban)-灵活的拖放式看板板组件 +- [vue-letter-avatar](https://github.com/aidewoode/vue-letter-avatar)-vue.js 的简单优雅的字母头像组件 +- [vue-highlightjs](https://github.com/metachris/vue-highlightjs)-使用 highlight.js 突出显示语法 +- [v-clipboard](https://github.com/euvl/v-clipboard)-简单,小巧且易于使用的指令将您的模型保存到剪贴板(最小 2kb,无依赖项) +- [vue-invisible-recaptcha](https://github.com/MicroDroid/vue-invisible-recaptcha)-超级简单的 Google 隐形 reCAPTCHA 集成 +- [vue-embed](https://github.com/Gomah/vue-embed)-Embed 组件基于 Vue 2.x 的 embed.js,该组件可嵌入表情符号,媒体,地图,tweet,要点,代码,服务和减价。 +- [vue-particles](https://github.com/creotip/vue-particles)-粒子背景的 Vue.js 组件 +- [vue-uniq-ids](https://github.com/termosa/vue-uniq-ids)-Vue.js 2.x 插件,可帮助使用与 ID 相关的属性,且无副作用 +- [vue-multivue](https://github.com/drewjbartlett/vue-multivue)-在同一页面上使用同一类的多个 vue 应用。 +- [vue-affix](https://github.com/eddiemf/vue-affix)-一个 Vue.js 2.x 插件,可在滚动时在窗口中添加元素,类似于 Bootstrap Affix,但更简单,更智能 +- [X-Browser-Update-Vue](https://github.com/OXOYO/X-Browser-Update-Vue)-一个 Vue.js 浏览器更新插件。 +- [vue-query-builder](https://github.com/dabernathy89/vue-query-builder)-用于使用嵌套条件构建复杂查询的 UI 组件。 +- [vue-info-card](https://github.com/karakanb/vue-info-card)-一个简单漂亮的卡片组件,带有优美的火花线和 CSS3 翻转动画。 +- [v-offline](https://github.com/vinayakkulkarni/v-offline)-简单,小巧且易于使用的 Vue 应用程序检测离线和在线事件(最小 390b) +- [vue-word-cloud](https://github.com/SeregPie/VueWordCloud)-词云生成器。 +- [vue-flat-surface-shader](https://github.com/grzhan/vue-flat-surface-shader)- [Vue-flat-surface-shader](https://github.com/wagerfield/平面着色器) +- [vue-easteregg](https://github.com/ddgll/vue-easteregg)-Easey 在您的 Vue 应用中添加了 Easteregg(默认使用 konami 代码) +- [vue-barcode-scanner](https://github.com/noomerzx/vue-barcode-scanner) +- [vue-heatmapjs](https://github.com/BrockReece/vue-heatmapjs)-用于跟踪和可视化鼠标活动的 Vue 指令 +- [vue-maze](https://github.com/meganetaaan/vue-maze)-由 Vue.js 组件制作的小巧迷宫游戏 +- [vue-drag-verify](https://github.com/AshleyLv/vue-drag-verify)-这是一个 vue 组件,可以滑动以解锁以进行登录或注册。 +- [vue-balloon](https://github.com/kevinwarne/vue-balloon)-Vue 组件,用于在页面一角创建固定的,可缩放的容器。与 gmail 中使用的邮件撰写包装类似。 +- [vue-sticker](https://github.com/KamilOcean/vue-sticker)-任意方向的贴纸效果 +- [v-rating](https://github.com/vinayakkulkarni/v-rating)-⭐️ 使用 VueJS 制作的语义 UI 中的评级组件(<500B 压缩,速度非常快) +- [vue-content-placeholders](https://github.com/michalsnik/vue-content-placeholders)-用于在 vue 中渲染诸如 Facebook 之类的伪造(渐进)内容的可组合组件 +- [vue-page-designer](https://github.com/fireyy/vue-page-designer)-Vue 组件,用于拖放来设计和构建移动网站。 +- [vue-creativecommons](https://github.com/julon/vue-creativecommons)-CreativeCommons.org Vue.js 组件库。 +- [vue-status-indicator](https://github.com/coderdiaz/vue-status-indicator)-一个 Vue.js 组件,用于将状态指示器显示为彩色圆点。 +- [vue-google-adsense](https://github.com/mazipan/vue-google-adsense)-具有 InFeed 和 InArticle Ads 支持的 Vue.js Google Adsense 组件 +- [emoji-vue](https://github.com/shershen08/emoji-vue)-Vue.js 项目的 Emoji😎👌🏻 下拉菜单 +- [vue-chessboard](https://github.com/vitogit/vue-chessboard)-棋盘 vue 组件可加载位置,创建位置并查看威胁。 +- [vue-mindmap](https://github.com/anteriovieira/vue-mindmap)-用于 mindnode 映射的 Vue 组件。 +- [v-currency](https://github.com/ignoreintuition/v-currency)-用于格式化货币的 Vue 组件。 +- [vue-emoji-picker](https://github.com/DCzajkowski/vue-emoji-picker)-高度可定制的 Unicode 表情符号选择器 🔥🚀 +- [vue-8-puzzle](https://github.com/meganetaaan/vue-8-puzzle)-一个由 Vue.js 组件制作的小巧幻灯片益智游戏 +- [vue-e164](https://github.com/evildvl/vue-e164)-具有 E.164 标准支持的可自定义电话格式化程序 +- [vue-pgn](https://github.com/deemaagog/vue-pgn)-Vue.js 组件,用于以 pgn 格式查看棋牌游戏 +- [vue-avatar-editor](https://github.com/fpluquet/vue-avatar-editor)-使用清晰的用户界面调整大小,旋转并裁剪上传的头像。 +- [vue-connection-listener](https://github.com/Botre/vue-connection-listener)-Vue 事件总线插件监听在线/离线更改。 +- [vue-sauce](https://github.com/Botre/vue-sauce)-Vue 的“查看源代码”指令。 +- [vue-prom](https://github.com/Botre/vue-prom)-Vue 承诺包装器组件。 +- [数字键盘](https://github.com/viclm/numeric-keyboard)-用于移动浏览器的数字键盘。 +- [vue-zoom-on-hover](https://github.com/Intera/vue-zoom-on-hover)-鼠标悬停时图像缩放 +- [vue-sensitive-image](https://github.com/HCESrl/vue-sensitive-image)-Vue 组件,可让您快速创建具有最佳数量的所有设备图像源的响应式图像标签。 +- [vue-highlight-text](https://github.com/TonPC64/vue-highlight-text)-Vue 组件,用于突出显示单词的多个实例 +- [vue-cast-props](https://github.com/anteriovieira/vue-cast-props)-提供了一种将 props 转换为常见数据类型的便捷方法。 +- [vue2-heropatterns](https://github.com/JustSteveKing/vue2-heropatterns)-一个 Vue2 实现,允许您将流行的 Hero Patterns 添加到任何 Div 上 +- [vue-link](https://github.com/Developmint/vue-link)-一个将所有链接都链接在一起的组件(处理外部和内部链接相同) +- [vue-identify-network](https://github.com/vinayakkulkarni/vue-identify-network)-⚡️ 识别您的用户正在使用哪种互联网! +- [vue-cloneya](https://github.com/ridaamirini/vue-cloneya)-用于克隆 DOM 元素的 vue 组件 +- [vue-survey-builder](https://github.com/FissionHQ/vue-survey-builder)-vue.js 应用程序的调查生成器 +- [vue-if-bot](https://github.com/Developmint/vue-if-bot)-一个轻量级的组件,用于基于用户代理向客户端隐藏/显示内容 +- [vue-clampy](https://github.com/clampy-js/vue-clampy)-Vue.js(2+)指令,通过在其中包含内容的元素加上省略号来限制元素的内容太长。 +- [vue-cookie-accept-decline](https://github.com/promosis/vue-cookie-accept-decline)-在页面上显示带有文字,拒绝按钮和接受按钮的横幅。记住使用 cookie 进行选择。使用创建时的当前选择来发出事件。符合 GDPR 要求。 +- [@ lossendae / vue-avatar](https://github.com/lossendae/vue-avatar)-VueJS 2.0 的头像组件。 +- [vue-text-highlight](https://github.com/AlbertLucianto/vue-text-highlight)-Vue.js 的文本荧光笔库 💄 +- [vue2-hammer](https://github.com/bsdfzzzy/vue2-hammer)Vue 2.x 的 Hammer.js 包装器支持移动触摸。 +- [vue-countable](https://github.com/johndatserakis/vue-countable)-countable.js 的 Vue 绑定。提供实时的段落,句子,单词和字符计数。 +- [v-show-slide](https://github.com/phegman/v-show-slide)-一个 Vue.js 指令,用于将元素上下移动动画:自动滑动。 +- [vue-swipe-actions](https://github.com/eCollect/vue-swipe-actions)-适用于 Vue.js 的 iOS 样式滑动操作 +- [vue-friendly-iframe](https://github.com/nzlt/vue-friendly-iframe)-用于创建超快速加载,无阻塞 iframe 的 Vue js 组件。 +- [vue-beautiful-chat](https://github.com/mattmezza/vue-beautiful-chat)-一个简单而美丽的 Vue 聊天组件后端不可知,完全可自定义和可扩展。 +- [vue-magnifier](https://github.com/zeknoss/vue-magnifier)-Vue.js 2.x 的简单图像缩放/放大组件。 +- [vue-highlight-words](https://github.com/Astray-git/vue-highlight-words)-Vue 组件可在较大的文本正文中突出显示单词。从[react-highlight-words]移植(https://github.com/bvaughn/react-highlight-words) +- [vue-tags-ball](https://github.com/yanthems/vue-tags-ball)-使用此插件创建漂亮的球形标签 +- [vue-rippler](https://github.com/spemer/vue-rippler)-用于自定义波纹效果的简单 Vue.js 插件 +- [vue-contacts](https://github.com/chiaweilee/vue-contacts)-Vue 的移动通讯录组件 +- [basic-vue-chat](https://github.com/jmaczan/basic-vue-chat)-易于使用的 Vue.js 聊天 +- [vue-resize-text](https://github.com/JayeshLab/vue-resize-text)-一个 vue 指令,可根据元素宽度自动调整字体大小。 +- [vue-github-profile](https://github.com/GabrielBibiano/vue-github-profile)-一个 Vue 组件,用于查看确定的用户的配置文件和存储库 +- [vue-niege](https://github.com/P3trur0/vue-niege)-🎅 单文件 Vue 组件可通过画布添加暴风雪。 +- [vue-dynamic-star-rating](https://github.com/JonathanDn/vue-stars-rating)-高度动态的 Vue 明星评分组件,例如 Google Play 评分 ⭐️⭐️⭐️⭐️⭐️⭐️ +- [vue-katex](https://github.com/lucpotage/vue-katex)-在 Vue.js 中使用 KaTeX 进行数学排版的简单插件 +- [vue-canvas-identify](https://github.com/loo41/vuc)- [vuc-identify]的 Vue 画布组件(http://vuc.tianchenyong.top) +- [vue-canvas-material](https://github.com/loo41/vuc)- [vuc-material]的 Vue 画布组件(http://vuc.tianchenyong.top/#/materia) +- [vue-baberrage](https://github.com/superhos/vue-baberrage)-一个基于 Vue.js 的简单弹幕插件 😎 +- [vue-terminal-ui](https://github.com/shershen08/vue-terminal-ui)-🖥TerminalUI 模拟器 Vue:自定义和基本命令 +- [vue-command](https://github.com/ndabAP/vue-command)-完全正常工作的 Vue.js 终端模拟器 +- [vue-ribbon](https://github.com/P3trur0/vue-ribbon)-GitHub 功能区的 Vue 组件 +- [avatio-avatar](https://github.com/trunda/avatio-avatar)-插图化身的 Vue 组件- [Avatio](https://avatio.cool/)使用 +- [vue-jazzicon](https://github.com/man15h/vue-jazzicon)-用于 Vue 的简陋的 Jazzicon 组件。 +- [vue-star-rating](https://github.com/craigh411/vue-star-rating)-一个简单的,高度可定制的星级评分组件 ⭐️⭐️⭐️ +- [vue-fixed-header](https://github.com/potato4d/vue-fixed-header)-简单且跨浏览器友好的由 TypeScript 编写的 Vue.js 固定标头组件。 +- [vue-particle-effect-buttons](https://github.com/dreambo8563/vue-particle-effect-buttons)一个爆发粒子效果按钮组件。 +- [vue-insomnia](https://github.com/gorbypark/vue-insomnia)-防止显示屏进入休眠状态(唤醒锁定)。 +- [vue-car-plate-keyboard](https://github.com/yimocanxue/vue-car-plate-keyboard)-用于 VueJS 2.x 的汽车牌照号码键盘。能源车牌 🚗🚗🚗) +- [vue-dataflow-editor](https://github.com/krthr/vue-dataflow-editor)-Vue2 数据流图编辑器 +- [cool-emoji-picker](https://github.com/kevinfaguiar/cool-emoji-picker)-Vue 的快速即插即用[Tw] emoji Picker(用于 Twemoji 渲染的+ textarea)组件。 + +## 标签 + +- [vue-tabs](https://github.com/cristijora/vue-tabs)-简单的标签和药丸。 +- [vue-swipe-tabs](https://github.com/zhangxiang958/vue-tab)-vue.js(vue2)的触摸滑动选项卡组件。 +- [vue-tabs-component](https://github.com/spatie/vue-tabs-component)-一种使用 Vue 显示标签的简便方法。 +- [vue-k-tabs](https://github.com/kevindesousa/vue-k-tabs)-具有 Gitlab 设计的简单标签组件。 +- [vue-tabs-with-active-line](https://github.com/karambafe/vue-tabs-with-active-line)-简单的 Vue 2 组件,可让您制作带有移动底线的标签 +- [vue-tabs-chrome](https://github.com/viewweiwu/vue-tabs-chrome)-一个类似于 Chrome 的标签的 Vue 组件。 + + + +## 电话号码输入格式器 + +- [vue-phone-number-input](https://github.com/LouisMazel/vue-phone-number-input)-一个漂亮的输入,用于格式化与国家/地区代码有效的电话号码:fire: + +## 选择器 + +- [vue-smooth-picker](https://github.com/hiyali/vue-smooth-picker)-Vue 2.x 的平滑选择器组件,例如 iOS 本机日期时间选择器。 + +## 发电机 + +- [FormSchema Native](https://github.com/formschema/native)-使用 JSON Schema 和 Vue.js 生成表单 +- [vue-awesome-form](https://github.com/fightingm/vue-awesome-form)-一个 vue.js 组件,就像 json-editor +- [vue-generator](https://github.com/michaellyu/vue-generator)-Vue 项目的初始路由器和组件。 +- [vue-form-json](https://github.com/14nrv/vue-form-json)-从 json 生成具有验证和 bulma 样式的 vue 表单 +- [form-create](https://github.com/xaboy/form-create)-具有动态呈现,数据收集,验证和提交功能的表单生成器,支持 json 数据 +- [element-form-builder](https://github.com/codetrial/element-form-builder)-使用 JSON 模式构建 element-ui 表单。 +- [ncform](https://github.com/ncform/ncform)-一种非常好的配置生成表单的方式 +- [Laraform](https://github.com/laraform/laraform)-具有 Laravel 支持的 Vue.js 的高级表单生成器 +- [vue-ele-form](https://github.com/dream2023/vue-ele-form)-Vue DataForm,基于 element-ui + +## 日期选择器 + +- [vue-datepicker](https://github.com/hilongjw/vue-datepicker)- [未维护]具有用于 Vue.js 的材质设计的日历和 datepicker 组件。 +- [vue2-timepicker](https://github.com/phoenixwong/vue2-timepicker)- [未维护] Vue 2.x 的下拉时间选择器(小时|分钟|秒),具有灵活的时间格式支持。 +- [vuejs-datepicker](https://github.com/charliekassel/vuejs-datepicker)-一个简单的 Vue.js datepicker 组件。支持禁用日期,内联模式,翻译。 +- [vuedt](https://github.com/nkoehring/vuedt)- [未维护]疯狂的轻量级(5.5kb!)Vuejs 日期和时间选择器组件,动画效果很好,而且没有太多的模糊感。 +- [vue-flatpickr-component](https://github.com/ankurk91/vue-flatpickr-component)用于[flatpickr](https://github.com/chmln/flatpickr)日期时间选择器的 Vue.js 组件 +- [vue-bootstrap-datetimepicker](https://github.com/ankurk91/vue-bootstrap-datetimepicker)Vue.js 组件,用于[eonasdan-bootstrap-datetimepicker](https://github.com/Eonasdan/bootstrap- datetimepicker /) +- [vue-jalaali-datepicker](https://github.com/pepour/vue-jalaali-datepicker)-vue.js 的 Jalaali 日历和日期选择器 2。 +- [vue-date-picker](https://github.com/ridewn/vue-date-picker)-一个受材料设计启发的 vue 日期选择器组件 +- [vue-monthly-picker](https://github.com/ittus/vue-monthly-picker)-仅适用于月份和年份选择器的 Vue.js 组件 +- [vue-hotel-datepicker](https://github.com/krystalcampioni/vue-hotel-datepicker)-响应式日期范围选择器,显示选定的住宿天数,允许自定义入住/退房规则,屏蔽日期,本地化支持等。 +- [vue2-persian-datepicker](https://github.com/dyonir/vue2-persian-datepicker)-vue 的真棒波斯 datepicker 组件。کامپوننتانتخابتاریخبرایویو。 +- [vue-datetime](https://github.com/mariomka/vue-datetime)-Vue 的移动友好日期时间选择器。支持日期,日期时间和时间模式,i18n 和禁用日期。 +- [vue-rangedate-picker](https://github.com/bliblidotcom/vue-rangedate-picker)-具有简单用法的范围日期选择器 +- [v2-datepicker](https://github.com/dwqs/v2-datepicker)-基于 Vue 2.x 的简单 datepicker 组件。 +- [vue-datepicker-local](https://github.com/weifeiyue/vue-datepicker-local)-Vue2 的一个漂亮的 Datepicker 组件。 +- [vue-airbnb-style-datepicker](https://github.com/MikaelEdebro/vue-airbnb-style-datepicker)-Vue datepicker,外观和功能与流行的 AirBnb datepicker 相似。轻巧,可配置且良好的浏览器支持! +- [vue-persian-datetime-picker](https://github.com/talkhabi/vue-persian-datetime-picker)波斯材料 datepicker。支持日期时间,日期,时间,年,月。 +- [VCalendar](https://vcalendar.io/)非常可定制且功能强大的日历/日期选择器组件,具有许多功能和完善的文档。 +- [@ owumaro / vue-date-range-picker](https://github.com/Owumaro/vue-date-range-picker)-使用 Bootstrap 4 样式进行日期范围选择的 Vue 组件 +- [vue-datepicker-mobile](https://github.com/ikarosu/vue-datepicker-mobile)-适用于 vue2 的移动友好日期选择器。:cn:选择日期或日期范围,然后自定义所需的日期。 +- [vue-draggable-cal](https://github.com/liloow/vue-draggableCal)-不是普通的日期选择器。一个 Vuejs 可拖动的日期选择器,具有全新的响应式设计,可移动且具有 0 个依赖项,已压缩 17kb。 +- [vue-vanilla-datetime-picker](https://github.com/Shchepotin/vue-vanilla-datetime-picker)-Vue 的日期时间选择器。 +- [vue2-daterange-picker](https://github.com/Innologica/vue2-daterange-picker/blob/master/README.md)-基于 bootstrap-daterangepicker 的 Vue2 日期范围选择器(无 jQuery 依赖性) +- [vue-timeselector](https://github.com/alexiscolin/vue-timeselector)-完全简单可定制的 Vue.js 功能强大的时间选择器组件。 +- [vue-date-picker](https://github.com/8788/vue-date-picker)-Vue 2.x 的轻量级 datepicker 组件。 +- [vue-ctk-date-time-picker](https://github.com/chronotruck/vue-ctk-date-time-picker)-一个漂亮的 VueJS 组件,用于选择日期和时间(使用范围模式):新: +- [simple-vue2-datetimepicker](https://github.com/jamespjarvis/simple-vue2-datetimepicker)-一个简单易用的 vue.js 组件,用于日期和时间选择。:新: +- [vue-business-hours](https://github.com/sbarry50/vue-business-hours)-Vue 组件,用于在管理面板或仪表板中选择营业时间。 +- [material-vue-daterange-picker](https://github.com/ly525/material-vue-daterange-picker)-Vuejs 2.x 的 Material Design 样式的日期范围选择器,与 vuetify 和友好版本兼容手机。 +- [vue-datepicker](https://github.com/mathieustan/vue-datepicker)-具有 Vuejs 2.x 的 Material Design 样式的干净响应式日期选择器。(日期/月/季度&&日期范围选择器):新: + +## 选择 + +- [vue-select](https://github.com/sagalbot/vue-select)-一个本地 Vue.js 组件,提供与 Select2 类似的功能,而无需 jQuery 的开销。 +- [vue-multiselect](https://github.com/monterail/vue-multiselect)-Vue.js 的通用选择/多重选择/标记组件。 +- [stf-vue-select](https://github.com/stfalcon-studio/stf-vue-select)-最灵活和自定义的选择 Vue2 +- [vue-select-image](https://github.com/mazipan/vue-select-image)-Vue 2 组件,用于从列表中选择图像 +- [@ riophae / vue-treeselect](https://github.com/riophae/vue-treeselect)-具有对 Vue.js 的嵌套选项支持的多选组件。 +- [@ k186 / pd-select](https://github.com/k186/pd-select)-一个移动 UI 组件,例如 Vue 2.x 的 IOS 选择器,可以随便定义。 +- [vue-dropdowns](https://github.com/mikerodham/vue-dropdowns)-如果对 vue2.x 使用对象,则是一种显示选择框的简约且可适应的方法 +- [v-cascade](https://github.com/zanseven007/v-cascade)-带有 Vue 2.x 的层叠选择器的一个可爱组件(支持 PC 和 Mobile) +- [vue-multi-select](https://github.com/IneoO/vue-multi-select)-用于对 Vue2 进行选择/多重选择的自定义组件。 +- [v-region](https://github.com/TerryZ/v-region)-一个简单的区域选择器,提供中文行政区划数据。 +- [v-selectpage](https://github.com/TerryZ/v-selectpage)-Vue2,分页列表或表格视图的强大选择器,使用标签进行多项选择,i18n 和服务器端资源支持。 +- [vue-cool-select](https://github.com/iliyaZelenko/vue-cool-select)-引导程序/材质设计主题,支持广告位,自动填充,事件,验证等。 +- [@ myena / advanced-select](https://github.com/myENA/advanced-select)-具有搜索功能,用于(取消)全选和 Bootstrap 3 主题的单/多选择组件 +- [@ alfsnd / vue-bootstrap-select](https://github.com/Sandalf/vue-bootstrap-select)-Vue 版本的[bootstrap-select](https://github.com/snapappointments/bootstrap-选择/)。 + +## 滑块 + +- [vue-slider-component](https://github.com/NightCatSama/vue-slider-component)-vue1.x 和 vue2.x 的滑块。 +- [vue-circle-slider](https://github.com/devstark-com/vue-circle-slider)-vue2.x 的圆形滑块组件。 +- [vue-netflix-slider](https://github.com/fanyeh/vue-slider)-像 Netflix 的滑块。 +- [vue-slide-bar](https://github.com/biigpongsatorn/vue-slide-bar)-非常简单的 vue 滑条组件。 +- [textra](https://github.com/hosein2398/Textra)-Vue js 插件可滑动文本。 +- [vue-knob-control](https://github.com/kramer99/vue-knob-control)-Vue.js 的旋钮控件 + +## 拖放 + +- [vuedraggable](https://github.com/SortableJS/Vue.Draggable)-Vue 组件允许与 View-Model 同步进行拖放排序。基于 Sortable.js。 +- [vue-dragula](https://github.com/Astray-git/vue-dragula)-拖放是如此简单,很痛苦。 +- [vue2-dragula](https://github.com/kristianmandrup/vue2-dragula)-Vue2 的`vue-dragula`分支,有很多改进。 +- [awe-dnd](https://github.com/hilongjw/vue-dragging)-具有 Vue 的可排序列表指令。 +- [vue-draggable-resizable](https://github.com/mauricius/vue-draggable-resizable)-用于可拖动和可调整大小元素的 Vue2 组件。 +- [vddl](https://github.com/hejianxian/vddl)-用于使用 HTML5 拖放 API 修改列表的 Vue 组件,支持 VueJs 版本 1 和 2。 +- [vue-drag-drop](https://github.com/cameronhimself/vue-drag-drop)-HTML5 拖放 API 的最小且轻巧的包装器。 +- [vue-swing](https://github.com/goweiwen/vue-swing)-可滑动的卡片界面,如在 Jelly 和 Tinder 等应用中所见。 +- [vue-slicksort](https://github.com/Jexordexan/vue-slicksort)-一套无需依赖的混合包,用于动画,触摸友好,可排序的列表 +- [draggable-vue-directive](https://github.com/IsraelZablianov/draggable-vue-directive)-处理任何 Vue 组件拖放的简单指令。 +- [vue-smooth-dnd](https://github.com/kutlugsahin/vue-smooth-dnd)-smooth-dnd 库的 Vue 包装器。拖放,可分类的库,适用于许多情况。 +- [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize)-一个无依赖的 Vue 组件,用于可拖动和可调整大小的元素,具有高宽比,反应性道具等 +- [vue-drag-it-dude](https://github.com/Esvalirion/vue-drag-it-dude)-Vue2 组件,可让您将对象拖动到任意位置。 +- [vue-draggable](https://github.com/Vivify-Ideas/vue-draggable)-Vue 拖放库没有任何依赖性。简单易用。 +- [vue-nestable](https://github.com/rhwilr/vue-nestable)-作为 vue 组件制作的简单拖放层次列表。 +- [vue-draggable-nested-tree](https://github.com/phphe/vue-draggable-nested-tree)-适用于 Vuejs2 [@phphe](https://github.com的功能强大的可自定义可拖动树视图组件。 com / phphe) + +## 自动完成 + +- [vue-instant](https://github.com/santiblanko/vue-instant)-Vue 即时可让您轻松为 vue 2 应用程序创建带有自动建议的自定义搜索控件。 +- [v-autocomplete](https://github.com/paliari/v-autocomplete)-Vue.js 的自动填充组件 +- [vue-awesomplete](https://github.com/sandi-racy/vue-awesomplete)-Awesomplete 的 Vue 包装器 +- [vue-auto-complete](https://github.com/charliekassel/vuejs-autocomplete)-Vue2 的自动完成。适用于对象或 api 调用。 +- [vue-autosuggest](https://github.com/Educents/vue-autosuggest)-WAI-ARIA 完整的 Autosuggest 组件,对渲染和样式进行了完全自定义。 +- [v-autosuggest](https://github.com/soraino/v-autosuggest)-一个简单的模块化 Vuejs 组件,可以自动建议来自动态或静态数据查询的输入。 +- [自动完成](https://github.com/ieski/AutoComplete)-适用于 Vue.js 2. *的简单自动完成组件 +- [vue-infinite-autocomplete](https://github.com/Attrash-Islam/vue-infinite-autocomplete)-Vue 的 Vue 无限-自动完成包装 2。 +- [vue-simple-suggest](https://github.com/KazanExpress/vue-simple-suggest)-Vue.js 的简单但功能丰富的自动完成组件 +- [v-suggest](https://github.com/TerryZ/v-suggest)-一个 Vue2 插件,用于输入内容建议,支持键盘快速选择。 +- [vue-bootstrap-typeahead](https://github.com/alexurquhart/vue-bootstrap-typeahead)-使用 Bootstrap 4 CSS 的 Vue2 的 typeahead / autocomplete 组件。 + +## 类型选择 + +- [vue-input-tag](https://github.com/matiastucci/vue-input-tag)-Vue.js 2.0 输入标签组件。 +- [v-distpicker](https://github.com/jcc/v-distpicker)一个灵活,高度可用的区域选择器,用于为 Vue.js 2.x 挑选中国的省,市和地区。 +- [vue-img-inputer](https://github.com/waynecz/vue-img-inputer)Vue 2 的优美,高度可定制的 img 类型输入 +- [vue-img-preview](https://github.com/dameety/vue-image-preview)vue 2 中的图像输入预览组件 +- [v-image](https://github.com/vinayakkulkarni/v-image):相机:用于输入 type = file 的小组件(<1kb,已压缩) +- [@ voerro / vue-tagsinput](https://github.com/AlexMordred/vue-tagsinput)一个简单的标签输入了带有 typeahead / autocomplete 的 Vue.js 2 组件 +- [vue-tag-selector](https://github.com/tomquinonero/vue-tag-selector)-类似于标签的输入。轻巧,可自定义并处理 REGEX 验证! + +## 颜色选择器 + +- [vue-color](https://github.com/xiaokaike/vue-color)-适用于 Sketch,Photoshop,Chrome 等的 Vue 拾色器。 +- [vue-swatches](https://github.com/saintplay/vue-swatches)-帮助用户选择漂亮的颜色! +- [radial-color-picker](https://github.com/radial-color-picker/vue-color-picker)-简约的拾色器,着重于尺寸,可访问性和性能。 +- [vue-color-picker-board](https://github.com/shlomnissan/vue-color-picker-board)-为人类设计的 Vue 拾色器组件! +- [verte](https://github.com/baianat/verte)-一个完整的 Vue.js 颜色选择器组件。 + +## 开关 + +- [vue-switches](https://github.com/drewjbartlett/vue-switches)-具有主题支持的 Vue.js 的开/关开关组件。 +- [vue-js-toggle-button](https://github.com/euvl/vue-js-toggle-button)-Vue.js 2.0+切换/切换按钮-简单,漂亮,可自定义。 +- [vue-checkbox-radio](https://github.com/mariomka/vue-checkbox-radio)-一个 Vue 组件,可轻松设置复选框和广播输入的样式。 +- [vue-enhanced-check](https://github.com/Keiwen/vue-enhancedCheck)-用于重新设计/标记复选框/无线电的 Vue 组件,包括切换/切换按钮。 +- [pretty-checkbox-vue](https://github.com/hamed-ehtesham/pretty-checkbox-vue)- [pretty-checkbox 3]的实现(https://lokesh-coder.github.io/pretty- checkbox /)(用于美化复选框和单选按钮的纯 CSS 库)组件,适用于 Vue.js 2.2+。 +- [vue2-collapse](https://github.com/roszpun/vue-collapse/)-Vue Collapse 是一个灵活的内容切换插件,用于手风琴列表或任何其他有条件的内容呈现。 +- [vue-badger-accordion](https://github.com/vanderb/vue-badger-accordion)-用于 Vue.js 2.0+的 Badger 手风琴的包装组件 +- [vue-loading-checkbox](https://github.com/Carrene/vue-loading-checkbox)-具有加载状态的高度可定制的 Vue.js 复选框 UI 组件 +- [vue-rocker-switch](https://github.com/DannyFeliz/vue-rocker-switch)-Vue.js 的可自定义翘板开关组件。 +- [vue-toggle-btn](https://github.com/JonathanDn/vue-toggle-btn)-高度可定制,易于使用的优雅切换/切换按钮组件 + +## 屏蔽输入 + +- [vue-masked-input](https://github.com/niksmr/vue-masked-input)-Vue.js 的蒙版输入组件。 +- [vue-text-mask](https://github.com/text-mask/text-mask)-用于 React,Angular,Ember,Vue 和普通 JavaScript 的输入掩码。 +- [vue-ip-input](https://github.com/lakb248/vue-ip-input)-由 vuejs 实现的 ip 输入。 +- [vue-numeric](https://github.com/kevinongko/vue-numeric)-输入字段组件,用于显示基于 Vue 的货币值。 +- [awesome-mask](https://github.com/moip/awesome-mask)-基于纯 VanillaJS 实现的 Mask 指令 +- [v-money](https://github.com/vuejs-tips/v-money)-货币的微小(<2k 压缩)输入/指令掩码 +- [vue-autonumeric](https://github.com/autoNumeric/vue-autoNumeric)-一个 Vue.js 组件,包装了很棒的[AutoNumeric](http://autonumeric.org/)输入格式化程序库 +- [vue-inputmask](https://github.com/scleriot/vue-inputmask)-Vue.js 指令可将 Robin Herbots 的 inputmask 库添加到您的输入中(香草 javascript)。 +- [vue-input-number](https://github.com/joseluisq/vue-input-number)-Vue.js 2 的自定义输入数字组件。 +- [v-unicode](https://github.com/ndelvalle/v-unicode)-Vue 指令通过 unicode 值限制输入。 +- [vue-cleave-component](https://github.com/ankurk91/vue-cleave-component)- [cleave.js]的 Vue.js 组件(http://nosir.github.io/cleave.js /) +- [vue-ip](https://github.com/peteringram0/vue-ip)-具有端口和材料设计支持的 ip 地址输入 +- [vue-r-mask](https://github.com/raidan00/vue-r-mask)-具有类似于 javascript 正则表达式的模板的指令。 +- [vue-input-code](https://github.com/zhouyuexie/vue-input-code)-基于 Vue.js 2.0+验证码输入组件。 +- [label-edit](https://github.com/myokyawhtun/label-edit)-受 Trello 的启发。单击以显示可编辑的输入并返回值更改。这是 Vue 组件。 +- [vue-jquery-mask](https://github.com/ankurk91/vue-jquery-mask)- [jQuery Mask 插件]的 Vue.js v2.x 组件(https://github.com/igorescobar/ jQuery-掩码-插件) +- [vue-the-mask](https://github.com/vuejs-tips/vue-the-mask)-Tiny(<2k gzipipped)和 Vue.js 的无依赖掩码输入 +- [vue-canvas-input](https://github.com/loo41/vuc)- [vuc-input]的 Vue 画布组件(http://vuc.tianchenyong.top/#/identify) +- [vue-currency-input](https://github.com/dm4t2/vue-currency-input)-轻松输入 Vue.js 的货币格式数字。 +- [vue-restricted-input](https://github.com/Scrum/vue-restricted-input)-基于[restricted-input]的 vue.js 输入掩码库(https://github.com/braintree /受限输入) + +## RTF 编辑 + +- [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)-Vue2 的鹅毛笔编辑器组件。 +- [vue-mobiledoc-editor](https://github.com/alidcastano/vue-mobiledoc-editor)-适用于 Vuejs 的 mobiledoc 编辑器组件工具包。 +- [vue2-medium-editor](https://github.com/FranzSkuffka/vue-medium-editor)-Vue 2 的 MediumEditor 组件。 +- [vue-froala](https://github.com/helpbase/vue-froala)-用于 Froala 编辑器的 VueJS 包装器。 +- [vue-froala-wysiwyg](https://github.com/froala/vue-froala-wysiwyg)-Froala WYSIWIG HTML 编辑器的官方 VueJS 插件。 +- [vue-at](https://github.com/fritx/vue-at)-Vue 的 At.js。 +- [vue-wysiwyg](https://github.com/chmln/vue-wysiwyg)轻巧,快速且可扩展的所见即所得编辑器 +- [vue-trumbowyg](https://github.com/ankurk91/vue-trumbowyg)[Trumbowyg]的 Vue.js 组件(http://alex-d.github.io/Trumbowyg/)所见即所得编辑器 +- [vue-pell-editor](https://github.com/CinKon/vue-pell-editor)用于[Pell](https://jaredreich.com/pell)的 Vue.js 组件所见即所得编辑器 +- [vue-tinymce-editor](https://github.com/dyonir/vue-tinymce-editor)Vue2 的 Tinymce 编辑器组件。 +- [vue-mce](https://github.com/Eazymov/vue-mce)-VueJS 的 tinymce 编辑器组件。 +- [Vue2-Editor](https://github.com/davidroyer/vue2-editor)-使用 Vue.js 和 Quilljs 的 HTML 编辑器 +- [vue-codemirror](https://github.com/surmon-china/vue-codemirror)-Vue2 的 Codemirror 组件。 +- [vue-easy-tinymce](https://github.com/m3esma/vue-easy-tinymce)-一个简单而强大的软件包,可在 Vue.js 项目中轻松使用 tinymce。 +- [vue-highlightable-input](https://github.com/SyedWasiHaider/vue-highlightable-input)-输入文字时突出显示和设置样式 +- [vue-trix](https://github.com/hanhdt/vue-trix)-用于 Vue.js 的简单轻巧的 Trix 富文本编辑器 +- [tiptap](https://github.com/heyscrumpy/tiptap)-Vue.js 的不可渲染且可扩展的 RTF 编辑器 +- [toast-ui.vue-editor](https://github.com/nhnent/toast-ui.vue-editor)- [TOAST UI 编辑器]的 Vue 包装器(http://ui.toast.com/tui -编辑)。 +- [ckeditor5-vue](https://github.com/ckeditor/ckeditor5-vue)-Vue.js 的官方 CKEditor 5 Rich Text 编辑器组件。 +- [yimo-vue-editor](https://github.com/yimogit/yimo-vue-editor)-Vue2 的 wangEditor2 组件。 +- [vue-mathlive](https://github.com/arnog/vue-mathlive)适用于 Vue.hjs 的 MathLive 数学编辑器(mathfield) + +## 图像处理 + +- [vue-core-image-upload](https://github.com/Vanthink-UED/vue-core-image-upload)-一个用于裁剪和上传图像的 vue 插件。 +- [vue-croppa](https://github.com/zhanziyang/vue-croppa)-适用于 Vue 2.0 的简单易用的可自定义轻量级移动友好图像裁剪器。 +- [vue-cropper](https://github.com/xyxiao001/vue-cropper)-vue2.0 的图片剪辑插件 +- [toast-ui.vue-image-editor](https://github.com/nhnent/toast-ui.vue-image-editor)- [TOAST UI 图像编辑器]的 Vue 包装器(http:// ui。 toast.com/tui-image-editor)。 +- [vue-quick-cropper](https://github.com/duyanpeng/vue-quick-cropper)-Vue 移动头像上传裁剪插件可以选择裁剪区域和缩放。 +- [vue-canvas-image](https://github.com/loo41/vuc)-Vue 画布组件,用于[vuc-image](http://vuc.tianchenyong.top/#/image) +- [vue-croppie](https://github.com/jofftiquez/vue-croppie)-另一个图像裁剪器 +- [vue-slim-cropper](https://github.com/wannaxiao/vue-slim-cropper)-💇Vue 2.x 的简单优雅的移动图像裁剪上传组件。 +- [vue-advanced-cropper](https://github.com/Norserium/vue-advanced-cropper)-先进的裁剪器,使您有机会创建几乎任何想要的裁剪器 + +- [vue-cloudinary](https://github.com/diegopamio/vue-cloudinary)-vue(2.0)插件提供了可重用的指令,可通过动态操作从 Cloudinary(https://cloudinary.com)获取图像(调整大小/裁剪/效果/水印/缩放/格式化)和优化(webp / png /自动质量/自动视网膜)。 +- [img-Vuer](https://github.com/ssshooter/img-vuer)-Vue2 的 Mobile-First 图像查看器/图库 +- [vue-image-loader](https://github.com/kevindesousa/vue-image-loader)-Vue 加载器/渐进式图像插件,例如 Medium。 +- [vue-load-image](https://github.com/john015/vue-load-image)-在图像加载期间显示加载器,并在图像加载失败时显示替代内容。 +- [vue-image-painter](https://github.com/wannaxiao/vue-image-painter)-V Vue 2.x 的图像魔术动画绘制效果组件。 + +## 视频操作 + +- [vue-playlist](https://github.com/MishaPetrov/vue-playlist)-轻量级的 vue(2.0)组件,没有依赖关系,可提供真正无缝的 html5 视频播放。使用 Vanilla JS 进行无缝视频播放的唯一且唯一可行的解 决方案。它需要一系列视频并将它们拼接在一起成为一个视频。 + +## 上传文件 + +- [vue-clip](https://github.com/thetutlage/vue-clip)-用于 VueJ 的简单且可入侵的文件上传器。支持 Vue> = 2.1。 +- [vue-simple-upload](https://github.com/saivarunk/vue-simple-upload)-Vue.js 的简单文件上传组件。 +- [vue2-multi-uploader](https://github.com/updivision/vue2-multi-uploader)-使用 Vue.js v2 和 Axios 的拖放式多文件上传器组件。上载器显示文件名,大小和添加文件的总大小。它还允许设置所需的最小文件上传数量。 +- [vue-dropzone](https://github.com/rowanwins/vue-dropzone)-Dropzone.js 的 Vue.js(vue2)组件-具有图像预览功能的拖放文件上传实用程序。 +- [vue-transmit](https://github.com/alexsasharegan/vue-transmit)-一个纯粹的基于 Vue 2.0 的 Dropzone.js 的 Vue.js 拖放上传器组件 +- [vue-upload-component](https://github.com/lian-yue/vue-upload-component)-Vue 上载组件,多文件上载,上载目录,拖动上载,拖动目录。支持 Vue> = 2.0 +- [vue-uploader](https://github.com/simple-uploader/vue-uploader)-一个由 simple-uploader.js 驱动的 Vue.js 上传组件 +- [ic-firebase-uploader](https://github.com/InCuca/ic-firebase-uploader)-用于 Firebase 存储的干净的多文件上传组件。 +- [vuejs-uploader](https://github.com/charliekassel/vuejs-uploader)-用于大型文件上传的可恢复的分段文件上传器。 +- [vue-filepond](https://github.com/pqina/vue-filepond)-FilePond 的 Vue.js 组件-文件上传库,可以上传您扔给它的任何内容。 +- [v-uploader](https://github.com/TerryZ/v-uploader)-一个 Vue2 插件,可以使上传文件变得更加轻松简单,您可以拖动文件或在对话框中选择文件进行上传 + +## 上下文菜单 + +- [vue-context-menu](https://github.com/vmaimone/vue-context-menu)-vue js 的上下文菜单组件。 +- [vue-lil-context-menu](https://github.com/timwis/vue-lil-context-menu)-Vue 的灵活的 lil 上下文菜单组件。 +- [vue-mouse-menu](https://github.com/zgj233/vue-mouse-menu)-适用于 vue 2+的鼠标菜单组件。 +- [@ hscmap / vue-menu](https://github.com/michitaro/vue-menu)-vue2 的菜单/上下文菜单组件。 +- [vue-context](https://github.com/rawilk/vue-context)-用于 vue js 的简单但灵活的上下文菜单。 +- [vue-simple-context-menu](https://github.com/johndatserakis/vue-simple-context-menu)-为 Vue 构建的简单上下文菜单组件。左键单击和右键单击都可以很好地工作。 +- [vue-context-menu-popup](https://github.com/Johnathan/vue-context-menu-popup)-Vue 2 的上下文菜单弹出窗口。右键单击即可工作,也可以通过编程方式触发。 +- [@ kiyoaki_w / vue-context](https://github.com/Kiyoaki-w/Ki-vue-context)-为 Vue2 构建的可自定义上下文菜单组件,支持惊人的图标。 + +## 其他 + +- [vue-gmaps](https://github.com/ridermansb/vue-gmaps)-使用 Google Maps API 搜索地点和地址。 +- [vuep](https://github.com/QingWei-Li/vuep)-使用实时编辑器和预览渲染 Vue 组件的组件。 +- [vue-places](https://github.com/Gomah/vue-places)-Places 组件基于 Vue 2.x 的 places.js。将任何输入转换为地址自动完成。 +- [vue-password-strength-meter](https://github.com/apertureless/vue-password-strength-meter)-vue.js 中基于 zxcvbn 的密码强度计。 +- [vue-float-label](https://github.com/bkzl/vue-float-label)-Vue.js 的浮动标签模式。 +- [vue-longpress](https://github.com/javisperez/vuelongpress)-一个 VueJS(2.x)按钮组件,需要您持续按下以确认给定的动作。 +- [vue-google-autocomplete](https://github.com/olefirenko/vue-google-autocomplete)-适用于 Google Maps Places API 的 Vue.js(2.x)自动建议组件。 +- [vue-ip-input](https://github.com/lakb248/vue-ip-input)-Vue.js 2.x 的 ip 输入组件 +- [vue-default-value](https://github.com/termosa/vue-default-value)-Vue.js 2.x 指令为可编辑元素设置默认值,而不会影响模型状态 +- [vue-model-autoset](https://github.com/outluch/vue-model-autoset)-一个 Vue.js 插件,可解决通过 v-model 指令观察动态添加的属性时 Vue 的限制 +- [vue-submit](https://github.com/NxtChg/pieces/tree/master/js/vue/vue-submit)-Ladda 的简单实现([1](http://lab.hakim.se /ladda/),[2](https://msurguy.github.io/ladda-bootstrap/))不到 90 行代码,没有任何依赖关系。 +- [vue-rate](https://github.com/SinanMtl/vue-rate)-Vue 的费率组件 +- [vuetify-google-autocomplete](https://github.com/MadimetjaShika/vuetify-google-autocomplete)-适用于 Google Maps Places API 的 Vuetify 就绪 Vue.js(2.x)自动建议组件。 +- [vue-ripple-directive](https://github.com/PygmySlowLoris/vue-ripple-directive)-材质纹波效果作为 Vue 指令。 +- [vue-fab](https://github.com/PygmySlowLoris/vue-fab)-Vue 浮动操作按钮。 +- [vue-complexify](https://github.com/mazipan/vue-complexify)-来自 jquery.complexify.js 的 Vuejs 移植库。 +- [vue-mc](https://github.com/FiguredLimited/vue-mc)-Vue.js 的模型和集合 +- [vue-stars](https://www.tallent.us/vue-stars/)-高度可定制的等级控制(使用星号或其他字符) +- [vue-confirmation-button](https://github.com/imRohan/vue-confirmation-button)-可自定义的确认按钮,要求用户在执行操作之前先阅读消息 +- [vue-poll](https://github.com/ppietris/vue-poll)-用于投票的 Vue.js 组件 +- [vue-diagrams](https://github.com/gwenaelp/vue-diagrams)-vue.js 的图表组件,受 react-diagrams 启发 +- [vue-easy-polls](https://github.com/updivision/vue-easy-polls)-一个 Vue.js 组件,用于创建民意调查,投票和显示结果。它易于实现且易于定制。 +- [vue-m-button](https://github.com/mengdu/m-button)-vue 的漂亮按钮组件。 +- [vue-long-click](https://github.com/ittus/vue-long-click)-用于 vue 的长按(长按)指令库,支持移动设备和台式机。 +- [vue-ui-predicate](https://github.com/FGRibreau/ui-predicate/tree/master/packages/ui-predicate-vue)-规则编辑器,通用过滤 UI,Vue JS 的谓词组件。 +- [vue-mobile-detection](https://github.com/ajerez/vue-mobile-detection)-Vue.js 原型函数`this。$ isMobile()`会根据布尔值是否返回布尔值用户正在使用手机浏览。 +- [vue-input-contenteditable](https://github.com/Cobertos/vue-input-contenteditable)-用于`contenteditable'的 Vue 组件包装,具有您通常期望的所有功能。进行漂亮的输入,不受“ input [type ='text']”的限制。 + +## 向导 + +- [vue-form-wizard](https://github.com/cristijora/vue-form-wizard)-基于选项卡的组件,可以代替经典的 bootstrap 和 jQuery 表单向导 +- [vue-stepper](https://github.com/PygmySlowLoris/vue-stepper)-一个简单的步进器,具有诸如 next,back 和 end 之类的简单动作,可以执行简单的表单。 +- [vue-stepper-component](https://github.com/adi518/vue-stepper-component)-具有 Vuex 支持和零依赖性的完全可定制的 Stepper 组件。 + +## CSV + +- [vuecsv](https://github.com/ynishi/vuecsv)-来自 json 的简单 CSV 下载程序,带有选项模式面板组件。 + +## 评论系统 + +- [vue-comment-grid](https://github.com/TugayYaldiz/vue-comment-grid)-💬 使用 CSS Grid 和 Firebase REST API + Authentication 构建的自适应 Vue.js 注释系统插件。 + +## 帆布 + +- [vue-easeljs](http://github.com/dankuck/vue-easeljs)-对 HTML5 canvas 元素的数据驱动控制。 +- [vue-canvas-effect](https://github.com/chenxuan0000/vue-canvas-effect)-Vue.js 的简单画布效果集合。 +- [vue-konva](https://github.com/rafaesc/vue-konva)-Vue&Canvas-JavaScript 库,用于使用 Vue 绘制复杂的画布图形。 +- [vue-html2canvas](https://github.com/mycure-inc/vue-html2canvas)-Vue mixin 捕获 html 并使用 Html2Canvas 将其转换为图像。 +- [vue-canvas-nest](https://github.com/ZYSzys/vue-canvas-nest)-适用于 canvas-nest 的 Vue.js 组件。 +- [vue-signature-pad](https://github.com/neighborhood999/vue-signature-pad)-V Vue 签名板组件 + +## 链接预览 + +- [link-prevue](https://github.com/nivaldomartinez/link-prevue)-用于生成链接预览的灵活组件。 + +## 游览 + +- [vue-tour](https://github.com/pulsardev/vue-tour)-轻巧且可自定义的游览插件 +- [vue-page-guide](https://github.com/sschandi/vue-page-guide)-具有指令的页面游览/指南插件 + +## UI 布局 + +- [vue-waterfall](https://github.com/MopTym/vue-waterfall)-Vue.js 的瀑布布局组件。 +- [vueisotope](https://github.com/David-Desmaisons/Vue.Isotope)-用于同位素过滤器和分类魔术布局的 Vue 组件。 +- [vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout)-Vue.js 的可拖动和可调整大小的网格布局。 +- [vue-drag-zone](https://github.com/surmon-china/vue-drag-zone)-Vue.js(2.x)的拖动区域组件。 +- [vue-masonry](https://github.com/shershen08/vue-masonry)-用于砌体块布局的 Vue.js 指令。 +- [vue-fraction-grid](https://github.com/bkzl/vue-fraction-grid)-基于 Flexbox 的 Vue.js 响应式分数网格系统。 +- [vue-virtual-scroll-list](https://github.com/tangbc/vue-virtual-scroll-list)-Vue(2.x)组件通过使用虚拟滚动列表支持大数据。 +- [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller)-用于有效滚动大量元素的组件(Vue 2.x)。 +- [vue-virtualscroll](https://github.com/ddgll/vue-virtualscroll)- [Vue 2.x]组件用于虚拟滚动内容。 +- [vue-inview](https://github.com/rachmanzz/vue-inview)- [Vue 2.x]视口,在输入或离开 DOM 元素时获取通知。 +- [dnd-grid](https://github.com/dattn/dnd-grid)-具有可拖动和可调整大小的框的 vuejs 网格 +- [vue-extend-layout](https://github.com/ktquez/vue-extend-layout)-扩展默认布局或为 Vue.js SPA 的页面创建自定义布局 +- [vue-masonry-css](https://github.com/paulcollett/vue-masonry-css)-由 CSS 驱动的 Vue.js Masonry 布局组件,无依赖 +- [vue-fullpage.js](https://github.com/alvarotrigo/vue-fullpage.js)-Vue.js 的官方 fullPage.js 组件。 +- [vue-virtual-collection](https://github.com/starkwang/vue-virtual-collection)-用于有效渲染大型集合数据的 Vue 组件。 +- [自动响应-vue](https://github.com/xudafeng/autosensitive-vue)-Vue 的自动响应网格布局库。 +- [VueFlex](https://github.com/SeregPie/VueFlex)-一个 flexbox 网格系统。 +- [v-chacheli](https://gitlab.com/shellyBits/v-chacheli)-一个 Vue.js 组件,用于创建和显示类似于仪表板的自定义网格布局。 +- [vue-grid-styled](https://github.com/mattrothenberg/vue-grid-styled)-一组轻量级的功能网格组件,从 React 的[grid-styled](https://github.xn--com-7n1gj63e/) / jxnblk /网格样式/) +- [简单网格](https://github.com/anthinkingcoder/simple-grid)-用于网格布局的 Vue 组件,支持 flex。 +- [vue-container-component](https://github.com/kavalcante/vue-container-component)-受 Bootstrap 容器启发的简单容器组件 +- [vue-colcade](https://github.com/alexiscolin/vue-colcade)-用于将 Colcade 网格布局集成到 Vuejs 的小包装。 +- [vue-ads-layout](https://github.com/arnedesmedt/vue-ads-layout)-一个小的 Vue 组件库,可快速生成带有工具栏,左/右抽屉和页脚的响应式 Web 应用程序布局。所有组件都可以固定或相对放置。 +- [vue-magic-grid](https://github.com/imlinus/Vue-Magic-Grid)-Vue.js 2 的 Magic Grid 小端口。 +- [vue-splitter-pane](https://github.com/venkatperi/vue-splitter-pane)-一个 Vuejs 组件,它以可调节的拆分方式(垂直或水平)呈现两个插槽。 +- [splitpanes](https://github.com/antoniandre/splitpanes)-一个 Vue JS 可靠,简单且可触摸的窗格拆分器/缩放器。 +- [vue-mock-layout](https://github.com/promosis/vue-mock-layout)-轻松模拟 Vue 应用程序的布局。 +- [vue-simple-drawer](https://github.com/dreambo8563/vue-simple-drawer)-带有反弹动画,支持嵌套和自定义主题的小抽屉面板。方向:左/右/上/下 +- [vue-grd](https://github.com/1000ch/vue-grd)-用于网格布局的简单,轻巧和灵活的 Vue.js 组件。 + +## 自适应 + +- [quasar-framework](https://github.com/quasarframework/quasar)-类星体框架。使用 VueJs 2 使用相同的代码构建响应式网站,混合移动应用程序(在 Android 和 iOS 上看起来本机)和 Electron 应用程序。 +- [vue-material](https://github.com/vuematerial/vue-material)-Vue.js 的材料设计。 +- [vuetify](https://github.com/vuetifyjs/vuetify)-Vue.js 的材料组件框架 2。 +- [muse-ui](https://github.com/museui/muse-ui)-Vue.js 的材料组件库 2。 +- [buefy](https://github.com/rafaelpimpa/buefy)-基于布尔玛框架的组件。 +- [element-ui](https://github.com/ElemeFE/element)-用于 Web 的 Vue.js 2.0 UI 工具包。 +- [vue-bulma-components](https://github.com/vouill/vue-bulma-components)-对 vue 组件轻松使用 bulma 类语法。 +- [iview-ui](https://www.iviewui.com/)-适用于 Web 的 Vue.js 2.0 UI 框架。 +- [AT-UI](https://at.aotu.io/)-Vue.js 2.0 使用 ♥ 制作的专门用于桌面应用程序的全新扁平 UI-Kit +- [v-semantic](https://www.npmjs.com/package/v-semantic)-Vue 的[semantic-ui](https://semantic-ui.com/)的实现 +- [bootstrap-vue](https://bootstrap-vue.github.io/)-Vue.js 2 的[bootstrap-4](https://getbootstrap.com/)网格和组件的实现。 +- [fish-ui](https://myliang.github.io/fish-ui)-用于 Web 的 Vue.js 2.0 UI 工具包 +- [zircle-ui](https://github.com/zircleUI/zircleUI)-开发可缩放用户界面的前端库。 +- [vue-mdc-adapter](https://github.com/stasson/vue-mdc-adapter)-根据 MDC 团队[指南]的 Vue.js 的材料组件集成(https://github.com/material -components / material-components-web / blob / master / docs / integrating-into-frameworks.md)。 +- [Material Components Vue](https://github.com/matsp/material-components-vue)- [material-components-web]的包装器(https://github.com/material-components/material-components-网络)的 Vue.js +- [VueFace](https://github.com/sudheerj/vueface)-用于 Web 的 Vue.js 2.0 UI 组件库 +- [vuesax](https://github.com/lusaxweb/vuesax)-Vue.js 的前端 vue 组件。 +- [vuecidity](https://bitbucket.org/acidmartin/vuecidity)-Vue.js 2.0 的 UI 组件框架 +- [ant-design-vue](https://github.com/vueComponent/ant-design-vue)-基于 Ant Design 和 Vue 2.5.0 的企业级 UI 组件 +- [heyui](https://github.com/heyui/heyui)-(https://www.heyui.top/zh)-适用于 Web 的 Vue.js 2.0 UI 工具包。 +- [Carvue.js](https://carvuejs.github.io/)-IBM 的 Vue.js 碳设计系统 +- [BalmUI](https://material.balmjs.com/)-Vue.js 的下一代 Material UI +- [Osiris UI](https://osiris-ui.github.io/osiris)-:art:一个 Vue.js 2.0 通用响应式 UI 组件库 +- [N3-components](https://github.com/N3-components/N3-components)-使用 Vue 2 构建的漂亮 Web 组件 +- [碎片 Vue](https://github.com/designrevision/shards-vue)-✨ 基于 Bootstrap 4 框架的时尚&UI 组件库。 +- [基础 Vue](https://github.com/SAP/fundamental-vue)-基于 SAP Fiori 基础的组件。 +- [Framevuerk](https://github.com/framevuerk/framevuerk)-🚀 快速,响应迅速,无依赖性,基于 Vue.js 的方向支持和可配置 UI 框架。 +- [@ Carbon / vue](https://github.com/carbon-design-system/carbon-components-vue)-@carbon 团队的 Carbon Design System 组件。 +- [NutUI](https://github.com/jdf2e/nutui/)-适用于移动网络的 Vue.js 2.0 UI 工具包 +- [Inkline](https://github.com/inkline/inkline/)-Inkline 是用于 Vue.js 的现代 UI / UX 框架,旨在创建完美的响应式 Web 应用程序。 +- [vue-awesome-mui](https://github.com/Wscats/vue-awesome-mui)-用于 Web 的 Vue.js 2.0 MUI 组件 +- [MDBootstrap](https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design)-基于最新的 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包,提供了一组平滑的,响应式页面模板,布局,组件和小部件,以快速构建响应迅速,移动优先的网站和应用。 + +## 手机 + +- [Framework7-Vue](https://github.com/framework7io/framework7)-使用 Framework7&Vue 构建功能齐全的 iOS 和 Android 应用。 +- [vux](https://github.com/airyland/vux)- [中文]基于 WeUI 的 Vue UI 组件。 +- [vue-onsenui](https://github.com/OnsenUI/OnsenUI)-使用 HTML5 和 JavaScript 的移动应用开发框架和 SDK。创建美观,高性能的跨平台移动应用程序。基于 Web 组件,并提供 Angular 1、2,React 和 Vue.js 的绑定。 +- [Weex](https://weex.incubator.apache.org/)-Weex 提供了发布跨平台的功能,因此 Web,Android 和 IOS 应用程序可以使用相同的 API 开发功能。 +- [weex-eros](https://github.com/bmfe/eros-template)- [中文] Eros 是基于 Weex 和 Vue 的应用程序解决方案,使您能够使用 Vue 的 API,简单快速地开发 Vue 中小型应用程序。 + +- [mint-ui](https://github.com/ElemeFE/mint-ui)-Vue.js 的移动 UI 元素。 +- [vant](https://github.com/youzan/vant)-来自 YouZan 的 Vue.js 2.0 移动用户界面。 +- [cube-ui](https://didi.github.io/cube-ui)-Vue.js 编写的出色的移动 ui lib 实现 2。 +- [mand-mobile](https://didi.github.io/mand-mobile)-基于 Vue.js 2 的移动 UI 工具包,专为金融场景而设计。 + +## 组件集合 + +- [vue-mdc](https://github.com/posva/vue-mdc)-Vue.js 的 Material Components Web。 +- [keen-ui](https://github.com/JosephusPaye/Keen-UI)-用 Vue 编写并受 Material Design 启发的基本 UI 组件的轻量级集合。 +- [vue-admin](https://github.com/vue-bulma/vue-admin)-Vue 管理面板框架,由 Vue 2.0 和 Bulma 0.3 提供支持。 +- [vuikit](https://github.com/vuikit/vuikit)-具有 Vue 所有功能的 UIkit。 +- [uiv](https://github.com/wxsms/uiv)由 Vue2 实现的 Bootstrap3 组件。 +- [wffranco / vue-strap](https://github.com/wffranco/vue-strap)-使用 Vue.js 2 构建的 Bootstrap 3 组件 +- [jsmod-vue-pc](https://github.com/chaogao/jsmod-pc-vue)-适用于 vue 2.0 的高度可扩展的 Web 组件 +- [guilhermewaess / SemVue](https://github.com/guilhermewaess/SemVue)-使用 Vue 2 实现的语义 UI 模块 +- [office-ui-fabric-vue](https://github.com/aidewoode/office-ui-fabric-vue)-Vue.js 的 Office UI Fabric 实现 +- [vuestic-admin](https://github.com/epicmaxco/vuestic-admin)-带有自定义组件集合的 Vue Admin 仪表板。内置 Vue 2 和 Bootstrap 4 +- [语义 UI Vue](https://github.com/Semantic-UI-Vue/Semantic-UI-Vue)-Vue 的语义 UI 集成 +- [vuesax](https://github.com/lusaxweb/vuesax)-Vue.js 的前端 vue 组件。 +- [Vue 的基本 JS 2](https://www.syncfusion.com/products/vue)-功能齐全的 45+ Vue.js 组件,其中包括数据网格,图表,计划程序和图表组件等。 +- [Banshee](https://github.com/banshee-ui/banshee)-一个几乎没有渲染的 Vue UI 组件和实用程序框架,没有 CSS。 +- [vue-atlas](https://github.com/nvms/vue-atlas)-漂亮的 Vue 组件库。 +- [DevExtreme Vue 组件](https://github.com/DevExpress/devextreme-vue)-65+响应迅速且功能完善的 Vue UI 组件,具有可自定义的 Material Design 和 Bootstrap 兼容主题。 +- [jqwidgets](https://www.jqwidgets.com/vue/)-70 多个具有 Material Design 主题的 Vue.js 2.0 UI 组件。 +- [vue-uix](https://github.com/juijs/vue-uix)-Vue.js 中用于网页实现的 UI 集合 +- [vuedarkmode](https://github.com/LeCoupa/vuedarkmode)-Vue.js 的极简暗设计系统 🎨 +- [Kendo Vue 用户界面](https://www.telerik.com/kendo-vue-ui/components/)–为业务应用程序构建的 70 多个 UI 组件,包括网格。对多种设计语言(包括材料设计和 Bootstrap)的支持完全响应。 +- [Vuent](https://github.com/arturmiz/vuent)-实现 Microsoft Fluent Design 的 Vue.js 组件 +- [bpit / vue](https://github.com/dreambo8563/bpit-vue)-专注于效果的 Vue 组件库 +- [vue-tailwind](https://github.com/alfonsobries/vue-tailwind)-具有可自定义类的 Vue 组件可用于 TailwindCSS,但与任何框架兼容。 + +## 管理模板 + +- [iView Vue 管理员](https://github.com/TonyLuo/iview-vue-admin)-iView Vue 管理员/基于 iView 2.x 的管理门户模板 +- [element Vue Admin](https://github.com/TonyLuo/element-vue-admin)-element Vue Admin /基于 Element UI 2.x 的管理门户模板 +- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)-基于 Element UI 2.x 的神奇 vue 管理员 +- [D2 管理员](https://github.com/d2-projects/d2-admin)-vue 制作的优雅后台模板[在线演示](https://d2admin.fairyever.com/) +- [rest-admin](https://github.com/wxs77577/rest-admin)-基于 Vue 和 Bootstrap 4 的 Restful 管理面板[在线演示](http://rest-admin.genyii.com/) +- [Shards Dashboard Lite Vue](https://github.com/DesignRevision/shards-dashboard-vue)-✨ 现代管理模板,具有数十个自定义组件和模板。 +- [Vue 材质管理员](https://github.com/tookit/vue-material-admin)-Vue 材质设计管理员模板 +- [element-admin](https://github.com/codetrial/element-admin)-使用 Vue CLI 3 和 element-ui 的简单而强大的 vue 管理员。 + +## 服务器端渲染 + +- [Nuxt.js](https://github.com/nuxt/nuxt.js)-通用的 Vue.js 框架。 +- [Ream](https://github.com/ream/ream)-用于构建服务器呈现的静态网站的简约框架。 +- [Universal vue](https://github.com/universal-vue/uvue)-Vue CLI 插件,可轻松创建通用 Vue 应用程序 + +## 静态网站生成器 + +- [VuePress](https://github.com/vuejs/vuepress)-简约的 Vue 驱动的静态网站生成器。 +- [Peco](https://github.com/egojump/peco)-人类的静态网站生成器。未维护 +- [Sabre](https://github.com/egoist/saber)-一个静态网站生成器,用于使用 Vue.js 构建快速的网站。 +- [Gridsome](https://github.com/gridsome/gridsome)-使用 Vue.js 构建超快速,现代化的网站 + +## 其他 + +- [app-framework](https://github.com/scriptPilot/app-framework)-具有 HTML 和 JavaScript 的 IOS 和 Android 应用程序-开发,构建和部署-免费和开源。 +- [Myfirebase](https://github.com/myfirebase/myfirebase)-一种已解耦的单页应用程序框架,该框架与 google firebase 高度兼容。 +- [Vue-Access-Control](https://github.com/tower1229/Vue-Access-Control)基于 Vue.js 的前端访问控制框架 2。 +- [Basys](https://github.com/basys/basys)工具箱,用于构建完整的 Vue.js 应用程序 +- [CabloyJS](https://github.com/zhennann/cabloy)基于 KoaJS&EggJS&VueJS&Framework7 的终极 NodeJS 全栈业务开发平台 + +## 事件处理 + +- [vue-shortkey](https://github.com/iFgR/vue-shortkey)-Vue-ShortKey-Vue.js 的插件。 +- [vue-throttle-event](https://github.com/scaccogatto/vue-throttle-event)-基于 requestAnimationFrame 的油门事件。 +- [vue-waypoint](https://github.com/scaccogatto/vue-waypoint)-Vue 的 Waypoint 组件,这是滚动时触发功能的最简单方法。 +- [vue-clickaway](https://github.com/simplesmiler/vue-clickaway)-可重用的 Vue.js 组件的可重用 clickaway 指令。 +- [vue-scrollfire](https://github.com/vue-comps/vue-scrollfire)-在特定的滚动位置触发事件。 +- [vue-resize-directive](https://github.com/David-Desmaisons/Vue.resize)-Vue 指令可检测具有去污和节流能力的调整大小事件。 +- [v-click-outside](https://github.com/ndelvalle/v-click-outside)-Vue 指令对元素外部的点击做出反应,而不会停止事件传播。 +- [vue-outside-events](https://github.com/nchutchind/vue-outside-events)-Vue 2.x 指令可帮助指定元素侦听发生在自身外部的特定事件。 +- [vue-selectable](https://github.com/JSmith01/vue-selectable)-Vue 1.x / 2.x 指令可通过鼠标选择项目。 +- [vue-click-helper](https://github.com/huangshuwei/vue-click-helper)-Vue2.x 指令可处理同一元素上的 click 事件和 dblclick 事件。 +- [v-hotkey](https://github.com/Dafrok/v-hotkey)-Vue 2.x 指令,用于将热键绑定到组件。 +- [vue-resize](https://github.com/Akryum/vue-resize)-Vue 2.x 组件可检测 DOM 元素的大小调整(基于事件/无 window.onresize) +- [vue-observe-visibility](https://github.com/Akryum/vue-observe-visibility)-使用 Intersection Observer API 的 Vue 2.x 指令可检测元素是否可见(在视口中是否被隐藏) CSS)。 +- [v-dragged](https://github.com/zhanziyang/v-dragged)-用于拖动事件检测的 Vue 2.x 指令插件。 +- [vue-esc](https://github.com/ianaya89/vue-esc)-Vue.js 指令,可在转义键盘上添加文档事件监听器。 +- [vue-global-events](https://github.com/shentao/vue-global-events/)–使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件 +- [vue-edge-check](https://github.com/gu-fan/vue-edge-check/)–检查浏览器边缘,以防止用`vue-router'滑动边缘时奇怪地触发过渡效果 +- [vue-mutation-observer](https://github.com/PNKBizz/vue-mutation-observer)–使用 MutationObserver API 观察 DOM 中变化的简单而微小的指令 +- [vue-scroll-show](https://github.com/AlekseyPleshkov/vue-scroll-show)–如果用户在滚动后到达该元素,则显示该元素 +- [vue-tabevents](https://github.com/Almoullim/vue-tabevents)–其他打开的标签页之间易于通信 +- [vue-visibility-trigger](https://github.com/shwilliam/vue-visibility-trigger)-👀 滚动到视图时以声明方式触发方法 + +## 响应式设计 + +- [vue-viewports](https://github.com/scaccogatto/vue-viewports)-定义您的自定义视口,并在组件中使用它们。 +- [vue 响应](https://github.com/reinerBa/Vue-Responsive):Vue.js(2.x)指令用于隐藏/显示具有 Bootstrap 4、3 或自定义断点的 HTML 元素。 +- [vue-match-media](https://github.com/drenglish/vue-match-media)-Vue 2.x 兼容插件,提供一致,语义化的方法来使组件具有媒体查询意识。 +- [vue-media-query-mixin](https://github.com/jofftiquez/vue-media-query-mixin)-Vue 2 媒体查询 mixin 可以在组件 js 和组件模板中使用。与引导程序和可视化视口兼容。如果屏幕宽度为 xs,则返回 wxS;如果屏幕宽度为 sm,则返回 wSM。 +- [vue-breakpoints](https://github.com/apertureless/vue-breakpoints)-Vue 2 最小组件,用于显示和隐藏基于断点的元素。受到 Airbnb 的启发。 +- [vue-mq](https://github.com/AlexandreBonaventure/vue-mq)-提供一些有用的工具,以语义和移动优先的 API(Vue 2.x)快速设置响应式设计 +- [VueResizeSensor](https://github.com/SeregPie/VueResizeSensor)-支持调整大小事件的容器。 +- [vue-breakpoint-component](https://github.com/adi518/vue-breakpoint-component)-用于 组成 CSS 断点状态。 +- [fine-mq](https://github.com/nash403/fine-mq)-一个很好的 API,可以轻松地管理 JS 中的媒体查询,并且可以与 VueJS 作为插件进行一流的集成。 +- [vue-response-components](https://github.com/Kelin2025/vue-sensitive-components)-使用`ResizeObserver`创建响应组件。 +- [vue-screen-size](https://github.com/promosis/vue-screen-size)-可以轻松,被动地访问屏幕的宽度和高度。 + +## 验证 + +- [vue-formly](https://github.com/formly-js/vue-formly)-JavaScript 支持的 Vue.js 表单。 +- [vue-focus](https://github.com/simplesmiler/vue-focus)-用于可重用 Vue.js 组件的可重用 focus 指令。 +- [vue-form-generator](https://github.com/icebob/vue-form-generator)-Vue.js 的基于架构的表单生成器组件。 +- [FormSchema Native](https://gitlab.com/formschema/native)-使用 JSON Schema 和 Vue.js 生成表单 +- [ic-formly](https://github.com/InCuca/ic-formly)-由 vue-formly 提供支持的简单表单组件。 +- [表单生成器](https://github.com/laravel-enso/formbuilder)-基于 Json 模板的表单生成器,基于 Vue 和 Laravel。 +- [vue-autofocus-directive](https://github.com/Botre/vue-autofocus-directive)-Vue 自动聚焦指令。 +- [vue-awesome-form](https://github.com/fightingm/vue-awesome-form)-一个 vue.js 组件,就像 json-editor +- [vue-form-components](https://github.com/antonreshetov/vue-form-components)-带有验证的干净&最小化 vue 表单元素 +- [ncform](https://github.com/ncform/ncform)-一种非常好的配置生成表单的方式 + +- [vee-validate](https://github.com/logaretm/vee-validate)-简单的 Vue.js 输入验证插件。 +- [vue-rawmodel](https://github.com/xpepermint/vue-rawmodel)-Vue.js v2 的 RawModel.js 插件。表单验证从未如此简单。 +- [vuelidate](https://github.com/monterail/vuelidate)-针对 Vue.js 的简单,轻量级基于模型的验证。 +- [simple-vue-validator](https://github.com/semisleep/simple-vue-validator)-一个简单而灵活的 vue.js 验证器库。 +- [vue-vform](https://github.com/joseluisq/vue-vform)-Vue.js 2 表单组件,集成了 jQuery 验证和 Axios。 +- [vue-form](https://github.com/fergaldoyle/vue-form)-Vue.js 的全面表单验证。 +- [vuelidation](https://github.com/cj/vuelidation)-简单,功能强大的 vuejs 验证。 +- [laravel-vue-validator](https://github.com/val-bubbleflat/laravel-vue-validator)-显示来自 laravel 验证规则的错误 +- [vue-daval](https://github.com/deulos/vue-daval)-超级 vue 数据验证器。简便,简单,准确。 +- [willvalidate](https://github.com/gustavoSoriano/willvalidate)-Vue.js 的验证表单。 +- [vue-m-validator](https://github.com/silksofthesoul/vue-m-validator)-用于 VueJ 的模型数据验证库。 +- [vue-isyourpasswordsafe](https://github.com/Pitu/vue-isyourpasswordsafe)-用 Vue 编写的小型实用程序,用于检查给定的密码是否已针对“我已被拥有” API 泄漏。 +- [vue-form-send](https://github.com/AlekseyPleshkov/vue-form-send)-用于从表单和原始验证发送数据的 Vue.js 指令 +- [FormVuelar](https://github.com/janiskelemen/formvuelar)-考虑服务器端验证的 Vue 表单组件 +- [vue-final-validate](https://phphe.github.io/vue-final-validate/)-根据我的开发经验,Vue 验证解决方案支持嵌套,异步。 +- [vform](https://github.com/cretueusebiu/vform)-一种在 Vue 中处理 Laravel 后端验证的简单方法。 + +## 调整大小 + +- [vue-not-visible](https://github.com/PxyUp/vue-not-visible)-Vue 指令,用于从屏幕上小于断点的 dom(如 v-if)元素中删除。 +- [vue-window-size](https://github.com/mya-ake/vue-window-size)-提供反应性窗口大小属性。 +- [vue-sensitive-text](https://github.com/shwilliam/vue-sensitive-text)-↔ 相对于其父节点的宽度缩放其子节点的组件 + +## 滚动 + +- [vue-chat-scroll](https://github.com/theomessin/vue-chat-scroll)-Vue.js 2.0 的自动滚动至底部指令。 +- [vue-scrollto](https://github.com/rigor789/vue-scrollTo)-添加了一个指令,该指令侦听单击事件并滚动到元素。 +- [vue-next-level-scroll](https://github.com/Developmint/vue-next-level-scroll)-一种基于组件且支持 SSR 的方法,可使用现代 Scroll Behavior API 进行平滑滚动 +- [vue-scroll-sync](https://github.com/metawin-m/vue-scroll-sync)-同步容器滚动位置的组件 +- [v-scroll-lock](https://github.com/phegman/v-scroll-lock)-用于正文滚动锁定而不中断目标元素滚动的 Vue.js 指令 +- [vue2-perfect-scrollbar](https://github.com/mercs600/vue2-perfect-scrollbar)-PerfectScrollbar 简约包装器 +- [vue-scroll-to](https://github.com/KevinHoughton/vue-scroll-to)-添加了一个指令,该指令侦听单击事件并滚动到元素。 +- [vue-scroll-progressbar](https://github.com/guillaumebriday/vue-scroll-progressbar)-可自定义的组件,用于指示进度条中滚动的相对位置。 +- [vue-backtotop](https://github.com/caiofsouza/vue-backtotop)-Vue.js 的 Back-to-top 组件,单击该组件可将页面滚动到顶部。 +- [VBar](https://github.com/luiguild/v-bar)-适用于 Vue.js 2x 的虚拟响应式跨浏览器滚动条组件。 +- [Vuebar](http://serafin.io/vuebar/)-使用本地滚动行为的自定义滚动条的 Vue 2 指令。轻巧,高性能,可定制且无依赖性。 +- [vue-detached-scrollbar](https://github.com/ozangulle/vue-detached-scrollbar)-一个简单的滚动条,可以从正在滚动的容器中分离出来。 +- [vuescroll](https://github.com/YvesCoding/vuescroll)-基于 Vue.js 的滚动插件,用于统一 PC 和移动设备中的滚动。 +- [vue-simplebar](https://github.com/hfalucas/vue-simplebar)-Simplebar 插件的 Vue.js 包装器。 +- [smooth-vuebar](https://github.com/scaccogatto/smooth-vuebar)-平滑滚动条的 Vue 指令包装 +- [vue-scrollview](https://github.com/chrishurlburt/vue-scrollview)-一个组件,该组件利用作用域的插槽来检测 vue 组件何时进入和离开视口。 +- [vue-scrollactive](https://github.com/eddiemf/vue-scrollactive)-根据视口中的当前部分在菜单项中添加一个活动类,单击菜单项时也会滚动到该部分。 +- [vue-intersect](https://github.com/heavyy/vue-intersect)-一个 Vue 组件,用于向 Vue 组件或 HTML 元素添加交集观察者。 +- [vue-scrollmonitor](https://github.com/AlexandreBonaventure/vue-scrollmonitor)-一个 Vue 插件,可在支持多种浏览器的情况下观看视口内部元素的可见性状态(使用提供/注入,因此兼容 vue@2.2 。X) +- [vue-stroll](https://github.com/xiaoluoboding/vue-stroll)-适用于 Vue.js 2.x 的超棒 CSS3 列表滚动效果组件。 +- [navscroll-js](https://github.com/nash403/navscroll-js)-在滚动时突出显示菜单项,并且在单击菜单项时也会滚动到某个部分。用作 vue 组件,vue 指令或与 vanilla js 一起使用。 +- [vue-scrollwatch](https://github.com/Desdesdesgo/vue-scrollwatch)-一个轻便的插件,可检测滚动事件,在元素进入视口时自定义回调,将'scrollTo'api 暴露给特定元素。使用 vue 指令。 +- [vue-check-view](https://github.com/vtimofeev/vue-check-view)-一个检查元素是否在视口中的插件。快速,小型,无依赖性,实时演示。 +- [vue-stickto](https://github.com/JALBAA/vue-stickto)-支持多个 DOM 节点的 vue 指令会自动粘贴到顶部 +- [vue2-scrollspy](https://github.com/ibufu/vue2-scrollspy)-一个 scrollspy 插件和动画滚动到。 +- [vue-scroll-behavior](https://github.com/jeneser/vue-scroll-behavior)-自定义路线导航中的滚动行为。特别是哈希模式。 +- [vue-scroll-stop](https://github.com/voxtobox/vue-scroll-stop)-到达边缘时停止传播滚动。 +- [vue-seamless-scroll](https://github.com/chenxuan0000/vue-seamless-scroll)-Vue.js 的简单无缝 滚动。 + +## 路由 + +- [vue-router](https://github.com/vuejs/vue-router)-Vue.js 的官方路由器。 +- [vue-router-storage](https://github.com/ElderJames/vue-router-storage)-Vue.js 2 和 vue-router 2 的路由器存储和解决方案 +- [vue-tidyroutes](https://github.com/edgarnadal/vue-tidyroutes)-分散的 vue-router 路由定义 +- [vue-routisan](https://github.com/raniesantos/vue-routisan)-基于 Laravel 路由系统的 Vue 路由器的优雅路由定义 +- [vue-error-page](https://github.com/raniesantos/vue-error-page)-提供路由器视图的包装器,使您可以显示错误页面而不更改 URL +- [vue-router-sitemap](https://github.com/40818419/vue-router-sitemap)-通过 vue-router 配置生成 sitemap.xml +- [vue-smart-route](https://github.com/f/vue-smart-route)-智能路由指令,可使用 Vue.js 制作具有智能外观的应用程序。 +- [vue-router-lite](https://github.com/ccqgithub/vue-router-lite)-Vue.js 2 的基于组件的声明性路由器。 + +## 延迟加载 + +- [vue-lazyload](https://github.com/hilongjw/vue-lazyload)-一个 Vue.js 插件,用于将图像或组件延迟加载到应用程序中。 +- [vue-lazy-background-images](https://github.com/darrynten/vue-lazy-background-images)-延迟加载 Vue 2 的背景图像。 +- [vue-progressive-image](https://github.com/MatteoGabriele/vue-progressive-image)-Vue 渐进式图像加载插件。 +- [vue-l-lazyload](https://github.com/lsycxyj/vue-l-lazyload)-Vue.js v2.x +的 lazyload 插件。 +- [vue-lazyload-img](https://github.com/JALBAA/vue-lazyload-img)-专门针对移动浏览器进行了优化。支持 V2 和 v1。 +- [vue-lazy-images](https://github.com/yyh1102/vue-lazyload-images)-Vue 2.x 的 lazyload 图像插件。 +- [v-lazy-img](https://github.com/nkoehring/v-lazy-img)-Tiny(<0.6kb)指令,用于 Vue 2 的渐进式图像加载。 +- [vue-clazy-load](https://github.com/matheusgrieger/vue-clazy-load)-使用 IntersecionObserver for Vue 2 的轻量级可转换图像延迟加载组件。 +- [vue-lazy-this](https://github.com/thangman22/vue-lazy-this)-使用 Intersection Observer API 的延迟加载组件。 +- [v2-lazy-list](https://github.com/dwqs/v2-lazy-list/)-一个基于 Vue 2.x 的简单的延迟加载列表组件 +- [pimg](https://github.com/ooade/pimg)-一个用于延迟加载图像的简单渐进图像组件。 +- [vue-tiny-lazyload-img](https://github.com/mazipan/vue-tiny-lazyload-img)-用于延迟加载图像的小尺寸 Vue.js v.2 +指令 +- [vue-lazy-youtube-video](https://github.com/3vilArthas/vue-lazy-youtube-video)-一个用于延迟加载 YouTube 视频的简单 Vue.js 组件。 +- [lazyload-vue](https://github.com/Kazap/lazyload-vue)-适用于 vanilla-lazyload 的 Vue 插件。 + +## 分页 + +- [vue-paginate](https://github.com/TahaSh/vue-paginate)-一个简单的 vue.js 插件,可对数据进行分页。 +- [vue-pagination-2](https://github.com/matfish2/vue-pagination-2)-Vue.js 2 分页组件。 +- [vuejs-uib-pagination](https://github.com/sant123/vuejs-uib-pagination)-适用于 Vue.js 的最佳,完整的分页插件。受角引导分页启发。 +- [vuejs-paginate](https://github.com/lokyoung/vuejs-paginate)-用于创建分页的 Vue.js(v2.x +)组件。 +- [vue-pagination-bootstrap](https://github.com/brunoseco/vue-pagination-bootstrap)-一个 Vue.js(1.x&2.x)服务器端分页组件,带有基于 Bootstrap 的模板 +- [laravel-vue-semantic-ui-pagination](https://github.com/vinayakkulkarni/laravel-vue-semantic-ui-pagination)-与 Laravel 和 Semantic-UI 一起使用的 Vue.js 2.x 分页。 +- [vue-paginate-al](https://github.com/alziqziq/vue-paginate-al)-Vue 分页并返回您的数据。 +- [vue-tiny-pagination](https://github.com/coderdiaz/vue-tiny-pagination)-用于创建微小分页的 Vue 组件。 +- [laravel-vue-pagination](https://github.com/gilbitron/laravel-vue-pagination)-适用于 Laravel 分页器的 Vue.js 分页组件,可与 Bootstrap 一起使用。 +- [vue-lpage](https://github.com/Botre/vue-lpage)-低级 Vue 分页组件。 +- [v 页](https://github.com/TerryZ/v-page)-一个简单的分页栏,包括基于 Vue2.x 的长度菜单,i18n 支持。 +- [vue-smart-pagination](https://github.com/grinmax/vue-smart-pagination)-具有许多不错设置的任何数据的智能分页。 +- [vue-paginatron](https://github.com/sbaidon/vue-paginatron)-分页组件使用范围插槽道具构建,具有最大的灵活性。 +- [vue-ads-pagination](https://github.com/arnedesmedt/vue-ads-pagination)-使用 css 框架[tailwindcss](https://tailwindcss.com/docs/what -is-tailwind /) + +## 动画 + +- [vue2-animate](https://github.com/asika32764/vue2-animate)-Animate.css 的 Vue.js 2.0 端口。与 Vue 的内置转换一起使用。 +- [animated-vue](https://github.com/radical-dreamers/animated-vue)-一个 Vue.js 2.x 插件,可轻松使用 Animate.css 动画作为过渡。就像``一样简单! +- [vue-lottie](https://github.com/chenqingspring/vue-lottie)-一个 Vue.js 2.x 插件,用于基于 bodymovin 渲染特效动画 +- [Vueg](https://github.com/jaweii/vueg)-使 vue-router 具有过渡效果/为 webApp 提供转场特效的开源 Vue 插件 +- [v-animate-css](https://jofftiquez.github.io/v-animate-css/)-最容易实现 Animate.css 的 Vue 2 指令 +- [vue-mixin-tween](https://github.com/lukechinworth/vue-mixin-tween)-Mixin 工厂,它将补间值添加到动画的组件上下文中 +- [v-odometer](https://github.com/JefferyHus/v-odometer)-轻松平滑地转换数字。使用此库可为您的应用程序提供平滑的动画,仅适用于数字。 +- [vue2-transitions](https://github.com/cristijora/vue2-transitions)✨ 可重复使用的 Vue 2 过渡组件 +- [vue-overdrive](https://github.com/mattrothenberg/vue-overdrive)Vue 应用程序的超级简单的魔术移动过渡 🎩 +- [animated-number-vue](https://github.com/Leocardoso94/animated-number-vue)超级简单的数字动画方法。 +- [vue-typed-js](https://github.com/Orlandster1998/vue-typed-js)集成了 Typed.js,可轻松创建打字动画。 +- [vue-parent-change-transition](https://github.com/inamori/vue-parent-change-transition)启用子组件在更改父组件时进行动画处理。 +- [vue-smooth-reflow](https://github.com/guanzo/vue-smooth-reflow)响应数据变化而转换元素重排。 +- [VueTween](https://github.com/SeregPie/VueTween)允许组件补间其属性。 +- [vue-slide-up-down](https://github.com/danieldiekmeier/vue-slide-up-down)就像 jQuery 的`slideUp` /`slideDown`一样,但是对于 Vue! +- [vue-animejs](https://github.com/BenAHammond/vue-anime)Vue 的简单`anime.js`指令。 +- [Eagle.js](https://github.com/zulko/eagle.js/)Eagle.js 是 Vue.js 的基于 Web 的幻灯片框架。 +- [vue-pose](https://github.com/Popmotion/popmotion/tree/master/packages/vue-pose)Pose for Vue 是一个声明式运动系统,结合了 CSS 过渡的简单性和 CSS 的强大功能和灵活性 JavaScript。 +- [vue-slide-up-down-component](https://github.com/k-okina/vue-slide-up-down-component)这是一个简单的界面,但是实现了非常灵活而强大的幻灯片动画 Vue! +- [femtoTween](https://github.com/pearofducks/femtoTween)具有一流 Vue 支持的简约(零深度,小于 1k)补间库 +- [vue-sequential-entrance](https://github.com/deivthings/vue-sequential-entrance)插件,用于创建带有页面元素列表的优雅的连续动画入口。零努力。简单轻巧 +- [vue-animate-scroll](https://github.com/mike-prince/vue-animate-scroll)一种超级轻量级 的方法,可在元素滚动到视图中时向其添加 CSS 动画。 +- [vue-svg-transition](https://github.com/kai-oswald/vue-svg-transition)创建 2 状态,SVG 驱动的过渡 +- [vue-page-transition](https://github.com/Orlandster/vue-page-transition)Vue.js 的简单路由/页面转换 + +## 元标记 + +- [vue-head](https://github.com/ktquez/vue-head)-管理 head 标签的元信息,一种简单的方法。 +- [vue-meta](https://github.com/declandewet/vue-meta)-在 Vue 2.0 组件中管理页面元信息。支持 SSR +流媒体。 +- [vue-headful](https://github.com/troxler/vue-headful)-从视图中设置文档``和 meta 标签。 +- [vue-simple-headful](https://github.com/VeryWow/vue-simple-headful)-使用 vue.js 轻松设置元标记-具有 TypeScript 支持的更简单的`vue-headful`替代方法。 + +## 传送门 + +- [vue-dom-portal](https://github.com/calebroseland/vue-dom-portal)-Vue.js 组件中 DOM 元素的转义口。 +- [portal-vue](https://linusborg.github.io/portal-vue)-一个 Vue 插件,用于在 DOM 中的任何位置渲染组件的模板(在 virtualDOM 级别上有效,不会在 DOM 中移动节点) + +## 过滤器 + +- [vue2-filters](https://github.com/freearhey/vue2-filters)-适用于 Vue 2. *的标准过滤器 Vue 1. *的集合。 +- [vue-morphling](https://github.com/jofftiquez/vue-morphling)-Vue 2 的标准和自定义过滤器的集合。 +- [vue-currency-filter](https://github.com/mazipan/vue-currency-filter)-轻巧且可自定义的 Vue 2 货币过滤器。 +- [vue-trans](https://github.com/Trekels/vue-trans)-一个简单的过滤器,提供了与 Symfony trans 相似的翻译方式。 +- [vue-string-filter](https://github.com/mazipan/vue-string-filter)-轻量级 Vue 2 字符串处理过滤器。 +- [vue-units](https://github.com/ERPedersen/vue-units)-在 Vue 2 中使用的方便的单位转换过滤器的集合。 +- [vue-numeral-filter](https://github.com/lloydjatkinson/vue-numeral-filter)-过滤器的集合,允许在组件的模板部分内联使用 Numeral.js。 +- [vue-filter-date-format](https://github.com/eduardnikolenko/vue-filter-date-format)-Vue 2 的简单日期时间过滤器。 +- [vue-filter-pluralize](https://github.com/eduardnikolenko/vue-filter-pluralize)-Vue 2 的简单复数过滤器。 +- [vue-filter-date-parse](https://github.com/eduardnikolenko/vue-filter-date-parse)-Vue 2 的简单解析日期时间过滤器。 + +## SVG + +- [vue-svgicon](https://github.com/MMF-FE/vue-svgicon)-创建 svg 图标组件的工具。(版本 2.x)。 +- [vue-content-loading](https://github.com/LucasLeandro1204/vue-content-loading)-Vue 组件可轻松构建(或使用预设)Facebook 之类的 SVG 加载卡。 +- [vue-annotator](https://github.com/DrSensor/vue-annotator)-使用任何 SVG 元素(“ rect”,“ polygon”以及其他更多元素,即使包装了 HTML 元素如“ canvas”,也可以为页面添加注释)在`foreignObject`中) +- [vue-svg-sprite](https://github.com/thierrymichel/vue-svg-sprite)-简单使用 SVG sprite(vue 2.x)的指令。 +- [vue-svg-filler](https://github.com/biigpongsatorn/vue-svg-filler)-用于自定义 svg 文件 🖍(vue 2.x)的 Vue 组件。 + +## 其他 + +- [vue-resource-progressbar-interceptor](https://github.com/staskjs/vue-resource-progressbar-interceptor)-将进度条与所有请求联系在一起的拦截器,很明显,正在加载某些东西。 +- [vue-images-loaded](https://github.com/David-Desmaisons/Vue.ImagesLoaded)-Vue.js 2.0 指令可检测图像加载。 +- [vue-visible](https://github.com/javisperez/vue-visible)-VueJS(2.x)的 v-visible 指令,类似于 v-show 但具有可见性。 +- [vue-resize-sensor](https://github.com/FranckFreiburger/vue-resize-sensor)-用于检测容器大小的组件(基于事件) +- [v-blur](https://github.com/ndelvalle/v-blur)-Vue 指令动态模糊元素 +- [vue-async-methods](https://github.com/mokkabonna/vue-async-methods)-用于基于承诺的方法的帮助程序实用程序 +- [vue-openseadragon](https://github.com/braceslab/vue-openseadragon)-适用于 Vue.js 的 OpenSeaDragon 组件(缩放和平移) +- [vue-match-heights](https://github.com/samturrell/vue-match-heights)-指令将元素的高度设置为相同。 +- [vue-conditional-attrs](https://github.com/FL3NKEY/vue-conditional-attrs)-用于条件渲染属性和指令的 Vue.js 组件 +- [vue-cbsc](https://github.com/arthurvasconcelos/vue-cbsc)-一个 Vue.js 2.x 组件,用于以编程方式混合,着色和转换颜色。 +- [vue-spatialnavigation](https://github.com/twcapps/vue-spatialnavigation)-用于空间导航(键盘导航)的 Vue 指令(Vue.js 2.x) +- [vue-lifecycle](https://github.com/FL3NKEY/vue-lifecycle)-Vue.js 生命周期指令。 +- [vue-aspect-ratio](https://github.com/3vilArthas/v-aspect-ratio)-vue 的长宽比指令。 +- [@ kooljay82 / vue-m-camera](https://github.com/kooljay82/vue-m-camera)-为避免自动更改通过用户设备的相机拍摄的照片方向。 + +## WebGL + +- [vue-3d-model](https://github.com/hujiulong/vue-3d-model)-Vue 组件中的 3D 模型查看器。 +- [vue-pano](https://github.com/ChiChou/vue-pano)-Vue 组件中的全景查看器。 +- [vue-threejs](https://github.com/fritx/vue-threejs)-Three.js 的 Vue 绑定。 +- [VueGL](https://github.com/vue-gl/vue-gl)-Vue.js 组件通过 three.js 反应性地渲染 3D 图形 +- [vue-vr](https://github.com/imudin/vue-vr)-使用 Vue 构建 VR 应用程序的框架 +- [vue-displacement-slideshow](https://github.com/AlbanCrepel/vue-displacement-slideshow)-一个 Vue.js 组件,可简化 Webgl 图像位移转换。 + +## 全屏 + +- [vue-fullscreen](https://github.com/mirari/vue-fullscreen)-用于全屏的简单 Vue 组件。 + +## 页面可见性 + +- [vue-page-visibility-awesome](https://github.com/stefanodotit/vue-page-visibility-awesome)-易于配置的页面可见性 api 的 Vue 2.x 组件。 +- [vue-authplugin](https://github.com/vv13/vue-authplugin)-美观的 auth 控制插件,支持指令和原型方法。 + +## 打印 + +- [vue-html-to-paper](https://mycure-inc.github.io/vue-html-to-paper/)-Vue mixin 用于将 html 元素打印到纸张上。 \ No newline at end of file diff --git a/package.json b/package.json index 956cd58..c7ec066 100644 --- a/package.json +++ b/package.json @@ -2,12 +2,13 @@ "name": "vuepress-theme-vdoing", "version": "1.0.0", "scripts": { - "dev": "node utils/frontmatter.js && node utils/sidebar.js && vuepress dev docs", - "build": "node utils/frontmatter.js && node utils/sidebar.js && vuepress build docs", + "test":"vuepress dev docs", + "dev": "vuepress dev docs", + "build": "vuepress build docs", "deploy": "bash deploy.sh", - "updateFm": "node utils/frontmatter.js -update", - "editFm": "node utils/editFrontmatter.js", - "baiduPush": "node utils/baiduPush.js https://xugaoyi.com && bash baiduPush.sh" + "updateFm": "node vdoing/utils/frontmatter.js -update", + "editFm": "node vdoing/utils/editFrontmatter.js", + "baiduPush": "node vdoing/utils/baiduPush.js https://xugaoyi.com && bash baiduPush.sh" }, "license": "MIT", "devDependencies": { diff --git a/theme-vdoing/LICENSE b/vdoing/theme-vdoing/LICENSE similarity index 100% rename from theme-vdoing/LICENSE rename to vdoing/theme-vdoing/LICENSE diff --git a/theme-vdoing/README.md b/vdoing/theme-vdoing/README.md similarity index 100% rename from theme-vdoing/README.md rename to vdoing/theme-vdoing/README.md diff --git a/theme-vdoing/components/AlgoliaSearchBox.vue b/vdoing/theme-vdoing/components/AlgoliaSearchBox.vue similarity index 100% rename from theme-vdoing/components/AlgoliaSearchBox.vue rename to vdoing/theme-vdoing/components/AlgoliaSearchBox.vue diff --git a/theme-vdoing/components/ArticleInfo.vue b/vdoing/theme-vdoing/components/ArticleInfo.vue similarity index 91% rename from theme-vdoing/components/ArticleInfo.vue rename to vdoing/theme-vdoing/components/ArticleInfo.vue index a4ca360..1611b8c 100644 --- a/theme-vdoing/components/ArticleInfo.vue +++ b/vdoing/theme-vdoing/components/ArticleInfo.vue @@ -10,7 +10,8 @@ {{articleInfo.classify1}}
  • - {{articleInfo.classify2}} + {{articleInfo.classify2}} + {{articleInfo.classify2}}
  • @@ -27,7 +28,9 @@