Vue 开发者不可错过的五款开源扩展组件

更新日期: 2020-02-09 阅读: 2.7k 标签: 组件

自 2014 年正式对外发布以来,vue 凭借着入门容易、资料丰富、框架功能完善等优势,成为国内许多前端开发者在众多 JavaScript 框架中的首选。Gitee 上这些优秀的开源 Vue 组件也侧面说明了 Vue 的生态在国内已经日臻成熟,而下面这五款开源的 Vue 组件绝对是你不想错过的。


1.ViewUI

ViewUI 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。

项目地址:https://gitee.com/icarusion/iview


2.vue-form-making

vue-form-making是一款基于Vue的表单设计器,让表单开发简单而高效。

项目地址:https://gitee.com/gavinzhulei/vue-form-making


3.vxe-table

一个基于 vue 的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构等等。

项目地址:https://gitee.com/xuliangzhan_admin/vxe-table


4.vue-cron

vue-cron是一款基于Vue的Cron表达式组件

项目地址:https://gitee.com/lindeyi/vue-cron


5.vue-particle-effect

Vue 版本的粒子效果,react-particle-effect-button 的 Vue 移植。除 Vue 框架外零依赖。

项目地址:https://gitee.com/pxp/vue-particle-effect


除了以上这五款,Gitee 上还有百余款同样优秀的 Vue 开源扩展组件等待你去发现,点击下面的链接去看看更多吧:https://gitee.com/explore/vue-extensions


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/8156

相关推荐

vue重新渲染组件(重置或者更新)

当数据通过异步操作后,对之前加载的数据进行变更后,发现数据不生效。A组件或者B组件触发数据更新,C组件数据更新了,但是C组件仍显示上一次数据。

Vuetify基于vue2.0,为移动而生的组件框架

Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。

React高阶组件中使用React.forwardRef的技巧

之前使用React.forwardRef始终无法应用于React高阶组件中,关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。codepen实例请划到底部。

Vue使用Props绑定Object并且传参

通过Props 给子组件传变量,变量是对象时,子组件无法在首次打开时获取到传入对象数据,并且在父组件中改变对象的属性,子组件也是无法监听

Vue中插槽的作用_Vue组件插槽的使用以及调用组件内的方法

通过给组件传递参数, 可以让组件变得更加可扩展, 组件内使用props接收参数,slot的使用就像它的名字一样, 在组件内定义一块空间。在组件外, 我们可以往插槽里填入任何元素。slot-scope的作用就是把组件内的数据带出来

React Hook父组件获取子组件的数据/函数

我们知道在react中,常用props实现子组件数据到父组件的传递,但是父组件调用子组件的功能却不常用。文档上说ref其实不是最佳的选择,但是想着偷懒不学redux,在网上找了很多教程,要不就是hook的讲的太少

使用Vue 自定义文件选择器组件

文件选择元素是web上最难看的 input 类型之一。它们在每个浏览器中实现的方式不同,而且通常非常难看。这里有一个解决办法,就是把它封装成一个组件。

element-ui 的隐藏滚动组件el-scrollbar

为什么要用el-scrollbar,大家都知道,模拟一个滚动不难,而且市面上有很多这样的库。我考虑的,首先项目用的框架是Vue,然后用的组件库是Element,Element官网也有很多滚动

vue中prop属性传值解析

prop的定义:在没有状态管理机制的时候,prop属性是组件之间主要的通信方式,prop属性其实是一个对象,在这个对象里可以定义一些数据,而这些数据可以通过父组件传递给子组件。 prop属性中可以定义属性的类型,也可以定义属性的初始值。

写一个vue组件库_跟着element学习写组件

组件以插件的形式引入使用,当然,也可以直接在页面引入组件文件,两者按需使用。通过源码可知,vue不会重复安装同一个插件。以第一次安装为准,现在,可以在代码中使用组件啦~

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!