为大家精心挑选了 8 个漂亮的 Progress Bars 组件,并附上 GitHub 链接和 vue.js 代码示例,以及Vue3 快速深入全攻略。1.easy-circular-progress一个简单的循环进度组件,带有计数效果。作者:dreambo8563Github:https://github.com/dreambo8563/easy-circu ......
325
0
0
2022-04-06
作者:前端劝退师转发链接:https://mp.weixin.qq.com/s/ZL13lrEhmq9qPks18Py97A1. 什么是 CLI plugin如果你正在使用Vue框架,那么你肯定知道 VueCLI是什么。 Vue-CLI3,它是Vue.js 开发的标准工具(脚手架),提供项目支架和原型设计。除了日常构建打包项目, VueCLI3 的一个重要部 ......
417
0
0
2022-04-05
一、注册组件1、全局组件<div id="app"><mycom></mycom> </div> <script> Vue.component('mycom',{ data(){ return { titl ......
434
0
0
2022-04-05
今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系,并支持触摸。代码片段<SlickList :lockToContainerEdges="true" :pressDelay="3 ......
450
0
0
2022-04-03
一款基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。介绍AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,由京东凹凸实验室出品,主要用于快速开发 PC 网站中后台产品。特点基于 Vue 开发的 UI 组件;使用 npm + webpack + babel 的工作流,支持 ES2015;CSS 样式独立,即使使用 ......
307
0
0
2022-04-03
今天给小伙伴们推荐一款功能超赞的vue.js视频播放器组件VueCoreVideoPlayer。vue-core-video-player 一个基于Vue超轻量级的视频播放器组件。采用 Adobd XD 进行UI设计,支持移动端适配。特性个性化UI配置i18n服务端渲染画中画模式事件订阅易于开发支持移动端适配安装$ npm i vue-core-video- ......
460
0
0
2022-04-02
这次给小伙伴们分享2个vue.js任意图片缩放裁剪组件VueCropper。1、vue-cropper一款优雅的vue图片裁剪组件,Star高达 2.4k+。内置各种丰富自定义参数及方法配置。安装$ npm i vue-cropper -S 引入方式# 组件内使用 import { VueCropper } from 'vue-cropper' c ......
677
0
0
2022-04-02
介绍vue-beautiful-chat提供了一个类似于内部通信的聊天窗口,可以轻松将其免费包含在任何项目中。它不提供通信功能,仅提供前端vue视图组件。类似于下图的右下角部分,相信很多朋友也都做过类似的功能。Github本身也提供了React版本移植,但是比起vue,很久没有更新了,在版本上可能落后一些,但是应该不会影响使用https://github.c ......
3606
0
0
2022-04-02
今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。vue-img-cutter 基于 vue2.x 构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比例/尺寸、远程图片裁剪等功能。功能特色兼容IE9+,MSEdge,Chrome,Firefox两种展现形式,行内或弹窗可旋转、缩放图片任意比例、大小裁剪固定比例 ......
377
0
0
2022-03-31
业务开发的过程中,经常会进行一些组件化的开发,组件常处理的一般有以下几种全局组件局部组件动态组件递归组件全局组件一般很多地方都会用到的一些功能我们一般封装成全局组件去使用,常规的建立一个全局组件的方法是,公共组件放到components 目录文件下使用Vue.component去注册组件,然后在main.js 中去导入这个公共文件夹// demo impo ......
364
0
0
2022-03-31
今天给小伙伴们分享一款很不错的Vue桌面版UI框架PrimeVUE。primevue 一套基于 vue2.x 的开源组件库。提供了60+多个组件,支持自定义主题及多端适配。主要服务于一些中后台产品。安装$ npm i primevue -S $ npm i primeicons -S 模块化引入import Vue from 'vue'; // 引入组 ......
546
0
0
2022-03-30
今天是刘小爱自学Java的第139天。感谢你的观看,谢谢你。学习计划安排如下:首先补充两个知识点:计算属性和监控。再学一下vue中的组件化开发,包括全局、局部组件以及父子组件之间的通信。最后关于组件框架,后续在项目中遇到具体的需求再做说明。一、计算属性需求:有一个日期的数据,但是是毫秒值,将其转换成日期格式并在页面输出。在插值表达式中使用js表达式是非常方便 ......
321
0
0
2022-03-30
今天给小伙伴们分享一款为用户体验而生的Vue手机端组件库ZARM-VUE。zarm-vue 众安科技推出的一款基于 vue2.0 的Mobile组件库。提供了30+多个常用组件。主要适用于企业级移动端开发。安装$ npm i zarm-vue -S 引入组件// 全局引入 import Vue from 'vue'; import zarmVue fr ......
509
0
0
2022-03-30
大家好,本篇文章我将带着大家一起学习如何编写自定义组件(Components),通过「vue基础」新手快速入门篇(一)这篇文章的学习,我们知道了 Vue 设计的目的就是为了方便我们创建基于组件UI的项目。基于这个设计原则,我们可以更专注于设计可重用、各自独立、基于接口方式的组件,就好比乐高玩具一样,我们可以基于组件组装我们的项目。首先我们来看一个简单的例子, ......
437
0
0
2022-03-30
开门见山Demo 演示地址:http://www.longstudy.club/vue-okr-tree-doc/index.htmlgithub 地址:https://github.com/qq449245884/vue-okr-tree项目背景因为最近公司需要做一个OKR,OKR 里面有个对齐视图,是一个数型结构,如下图所示:就拿我 小智 来说,如果有人 ......
497
0
0
2022-03-29