Vue相关开源项目库汇总 http://www.opendigg.com/tags/front-vue

最新推荐文章于 2021-11-14 22:52:46 发布
最新推荐文章于 2021-11-14 22:52:46 发布
阅读量206 收藏
点赞数
文章标签： ui 前端 webpack ViewUI
原文链接：http://www.cnblogs.com/Free-Thinker/p/7838189.html
版权

awesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库集合。我们会定期同步OpenDigg上的项目到这里，也欢迎各位提交项目给我们。

如果收录的项目有错误，可以通过issue反馈给我们。这里的项目Star数不是实时更新的，一般是一周更新一次。

内容

UI组件

开发框架

实用库

服务端

  • nuxt.js ★4564 - 用于服务器渲染Vue app的最小化框架
  • unvue ★310 - 使用简单的通用VueJS应用
  • express-vue ★302 - 简单的使用服务器端渲染vue.js
  • vue-ssr ★92 - 非常简单的VueJS服务器端渲染模板
  • doubanMovie-SSR ★85 - Vue豆瓣电影服务端渲染
  • vue-ssr ★80 - 结合Express使用Vue2服务端渲染
  • vue-easy-renderer ★44 - Nodejs服务端渲染

辅助工具

应用实例

Demo示例

转载于:https://www.cnblogs.com/Free-Thinker/p/7838189.html

weixin_30698297
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue相关知识点
qq_41716608的博客
02-15 413
1.Vue.js是目前最流行的前端mvvm框架。 2.Vue.js是一套构建用户界面的渐进式的自底向上增量开发MVVM框架，Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 3. 对于Vue是一套渐进式框架的理解 可以在原有大系统的上面，把一两个组件改用vue实现，也可以整个用vue全家桶开...
Vue相关开源项目库汇总(史上最全)
热门推荐
腾讯全栈-ITCJF
10-13 3万+
目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★
Vue相关
Ac_Alan的博客
01-22 158
作为一个前端技术栈小白，上手vue时感觉不太适应的就是数据绑定方面。vue的机制可以使我们减少对DOM的操作。举个例子，比如存在一个下拉列表，通常情况下我们使用如下方式实现。 但是，对于下拉选项中如果有动态更改需求是，我们不得不在HTML中找到对应的标签，进行增减的操作，这样的方式对后期维护造成一定的负担。在使用vue的方式时，我们或许更倾向于如下的实现 在这种方式中，我们只需要维护d
vue相关
李振恒
06-17 116
实现鼠标copy功能 https://www.cnblogs.com/wyhlightstar/p/8950430.html 1、 首先需要安装依赖 * 出现错误的话，可以试试 cnpm npm install --save vue-clipboard2 2、 安装成功之后就可以开始使用了 对于vue-cli import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 对于常规的用法 &l
vue-sell：Vue.js高仿饿了么外卖App课程原始码http：//coding.imooc.comclass74.html
02-28
本原始代码基于GPL协议，仅用于Vue实战项目的学习，不可作为商业用途。 你可以学到什么 我们可以通过一张图来认识一下本课程的知识结构 如何学习 请从地面渠道购买本课程的教学视频： : 你还可以加入课程讨论群，与...
Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/
08-14
Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/
Vue.js插件，用于处理按钮异步锁定状态。 演示：https://stukh.github.io/vue-promise-btn/-JavaScript开发
05-26
与第三方组件兼容，并与可选内置组件包装在一起Spinner仅1.5KB缩小并压缩为ESM，CommonJS，UMD版本安装npm install --save vue-promise-btn快速入门：使用vue导入和“握手”插件从'vue'导入Vue从'vue-promise-btn...
Vue相关开源项目库汇总.zip
最新发布
07-23
开源项目 资源内容均为链接
heyui-（https://www.heyui.top/zh）-适用于Web的Vue.js 2.0 UI工具包。-Vue.js开发
05-27
HeyUI一个UI组件库。 组件文档请访问heyui.top。 安装npm install heyui --save Start Basic 基本在线演示codepen演示html演示高级从“ vue”导入Vue从“ heyui”导入HeyUI require（“ heyui / themes / index.less...
awesome-github-vue, Vue相关开源项目库汇总.zip
09-17
awesome-github-vue, Vue相关开源项目库汇总
【JavaScript源代码】Vue模拟响应式原理底层代码实现的示例.docx
12-29
Vue模拟响应式原理底层代码实现的示例 　　目录　　1.Vue.js功能：2.Observer.js功能（数据劫持）：3.Compiler.js功能：4.Dep.js功能：5.Watcher.js功能：　　1.Vue.js功能：　　2.Observer.js功能（数据劫持）：　　3.Compiler.js功能：　　4.Dep.js功能：　　5.Watcher.js功能：　　整体分析Vue的基本结构如下图所示：（备注：完整代码github地址https://github.com/1512955040/MiniVue）　　上图中,为我们模拟最小vue的整体结构,首先创建一个vue类型,它负责把da
vue相关知识
yushuangyushuang的博客
03-04 353
一、vue的双向数据绑定或响应式原理 （一）数据绑定原理 vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过`Object.defineProperty()`来劫持 各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 （二）Object.defineProperty() Object.defineProperty(obj,pr...
Vue开源项目汇总(史上最全)
tongluren381的博客
05-06 970
目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element★13489 - 饿了么出品的Vue2的web UI工具套件 Vux★8133 - 基于Vue和WeUI的组件库 iview★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui★6253 - Vue 2的移动UI元素 muse-ui★3705 - 三端样式一致的响应式 UI 库 vue-material★3328 - 通过Vue Material和Vue...
Vue相关学习资料
盲目的拾荒者的博客
07-17 5077
官方文档很详细 1.Vue官方文档：https://cn.vuejs.org/v2/guide/ 2.推荐博客：https://blog.csdn.net/fungleo/article/details/53171052 3.模板地址：https://github.com/PanJiaChen/vue-element-admin 3.axios gitHub详解介绍了axios配置：htt...
Vue相关知识汇总
Yilia.C 's Blog
11-14 866
1. 数据双向绑定原理 vue的双向绑定是由数据劫持结合发布者-订阅者模式实现的，那么什么是数据劫持？就是通过Object.defineProperty()来劫持对象属性的setter和getter操作，在数据变动时做你想要做的事情。 数据劫持set和get函数起到什么作用？ 回顾一下Object.defineProperty: 语法：Object.defineProperty(obj, prop, descriptor) 参数： obj：目标对象 prop：需要定义的属性或方法的名称 descripto
Nginx 配置，同一个域名下有 2 个 项目，希望通过 URL：http://www.test.com/projectA，访问 A 项目（vue：/projectA，springboot：/projectA） URL：http://www.test.com/projectB，访问 B 项目（vue：/projectB，springboot：/projectB）
05-25
可以使用 Nginx 的反向代理功能来实现这个需求。具体配置如下： ``` server { listen 80; server_name www.test.com; location /projectA { proxy_pass http://127.0.0.1:8080/projectA; # springboot 项目的地址 proxy_set_header Host $host; # 设置请求头中的 Host 字段，用于支持虚拟主机 proxy_set_header X-Real-IP $remote_addr; # 将客户端真实 IP 地址传递给后端服务器 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 将客户端 IP 地址传递给后端服务器 } location /projectB { proxy_pass http://127.0.0.1:8081/projectB; # springboot 项目的地址 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /projectA/ { alias /path/to/vue/projectA/dist/; # vue 项目的地址 try_files $uri $uri/ /index.html; } location /projectB/ { alias /path/to/vue/projectB/dist/; # vue 项目的地址 try_files $uri $uri/ /index.html; } } ``` 这里假设两个 Spring Boot 项目的地址分别为 `http://127.0.0.1:8080/projectA` 和 `http://127.0.0.1:8081/projectB`，两个 Vue 项目的地址为 `/path/to/vue/projectA/dist/` 和 `/path/to/vue/projectB/dist/`。 其中，`location /projectA/` 和 `location /projectB/` 的作用是将 URL 中以 `/projectA` 或 `/projectB` 开头的请求映射到对应的 Vue 项目中。`try_files $uri $uri/ /index.html;` 是为了支持 Vue 的路由模式，将所有的 URL 都重定向到 Vue 的 `index.html` 页面中。 注意，在配置 Nginx 反向代理时，需要根据实际情况修改端口号、路径等参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值