iview ： http://v1.iviewui.com/ PC端：element-ui 移动端：mint、vant、cube-ui、vux
原创
2022-08-04 22:26:21
158阅读
作者：lindelof 在本文中，我们将探讨一些最常见的vue js组件。你可以收藏一波。Table 类Vue Tables-2地址：https://github.com/matfish2/vue-tables-2Vue Tables 2旨在为开发者提供一个功能齐全的工具集，以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外，Vue Tables 2正在不断成长、改进，同
转载
2023-09-21 10:08:48
120阅读
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。 在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文
转载
2023-12-20 23:25:19
49阅读
项目里自己封装了一些常用组件，但要是 新启项目 还得手动复制过去。尝试着能不能 像mint-ui似的，封装成npm包， 以后直接使用npm安装，肯定方便多了。开干吧！！！1、尝试封一个普通组件 上传到npm 使用vue-cli 创建一个 基础项目。 1、组件改装本例使用的是 项目 自带的 helloworld 组件，本身不用做改动。主要是一些配置文件的更改。a、package.json文件
市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。为何要进行组件库开发？如果你所在的公司对于页面的样式没有什么要求，那么你只要随便拿一个组件库来用就行了，比如element、iView等等，不用再重复造轮子了；如果你目前只有个人用一个组件，
转载
2023-10-31 20:23:03
114阅读
VUE常用的一些移动端组件库1.cube-ui2.NutUI3.VUX4.Mint-ui5.Vant6.MUI(mob)7.Muse-ui 1.cube-ui地址：https://didi.github.io/cube-ui/#/zh-CN demo:https://didi.github.io/cube-ui/example/#/特性1.质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的
前面的文章中我们介绍过`Varlet`组件库的打包流程，最后会打包成几种格式，其中`module`和`commonjs`格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都
原创
2022-10-23 01:02:42
745阅读
本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unpluginvuecomponents插件来为你的组件库实现按需引入。手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都导出作为一个Vue插件。第一种按需使用的方法是我们手动
原创
2022-10-19 21:22:46
221阅读
windows+weex+vue项目——Android打包生成apk流程第一步：安装 weex-toolkit 命令：npm install -g weex-toolkit，安装完成后在命令行输入weex，若出现各种命令选项介绍，则安装成功若出现：npm start 4058问题解决方案：erro提示找不到pakege.jsion文件，两种情况可能会出现这个问题。一种是使用默认的国外镜像，速度慢，
转载
2023-11-09 16:40:33
9阅读
开发基于Element UI的Vue扩展组件，在组件中使用了lodash库来处理集合对象，使用moment库来处理日期对象。只实现了几个组件，发布出来的npm包却有1M+，查看发布后的js文件，发现vue cli将lodash和moment的代码打包编译到了组件js文件中。于是就想到了优化一下组件。优化lodash首先想到的就是不使用lodash库，将使用lodash实现的逻辑部分使用原生的Jav
原创
2021-01-05 22:16:50
442阅读
1、 iView UI组件库 iView官网：https://www.iviewui.com/ 2、Vux UI组件库 Vux官网：https://vux.li/ 3、Element UI组件库 Element官网：http://element.eleme.io/#/zh-CN 4、Mint UI组
转载
2019-06-24 08:26:00
348阅读
2评论
一、移动端 1、nutui 2、Vant 3、Cube UI 4、Mint UI 二、PC端 1、Element UI https://element.eleme.cn/#/zh-CN 2、IView UI
Vue 组件库封装
原创
2022-03-25 01:17:47
2172阅读
1评论
一.利用HBuilder的云端打包功能 1.修改原vue项目的vue.config.js 中的publicPath，代码如下：module.exports = {
publicPath:"./"
};2.执行命令npm run build 打包生成dist 3.打开HBuilder，文件->打开目录，选择上述dist目录，项目名称且自定义，导入项目 4.将上述项目转成app项目
转载
2023-09-26 12:53:51
98阅读
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。现在，很多公司的Web前端项目开发中，采用了基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。下面简单介绍一些优秀的的Vue UI组件库。1、 iViewUI组件库iV
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到npm十一、测试发布后的组件库十二、搭建组件库文档站点十三、将项目部署到GitHub一、项目介绍所需要的技术：二、用脚手架生成vue项目1、安装脚手架npm install -g @vue/c
转载
2024-06-12 09:38:10
353阅读
开发流程1.创建项目，(vue-cli/公司现有架构)
2.调整项目静态目录结构
3.使用webpack相关库模式打包编译
4.使用npm或者公司源地址发布到你需要的平台步骤创建项目，省略；调整项目静态目录结构
在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据自己喜好而
转载
2024-06-09 10:23:03
111阅读
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载
2021-07-28 15:21:24
336阅读
1评论
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载
2022-04-24 10:47:51
214阅读
创建项目通过vue命令创建一个vue项目：vue create hq-ui
选择babel以及css预处理器 由于笔者习惯上使用scss编写css代码，所以添加上了css预处理器，本项目只是作为演示所以没有添加其他依赖，其余例如ts、vuex、vue-router以及测试等读者可以自行添加。此外vue版本可以自行选择，这里笔者选择的是vue3.修改项目目录将原来的src目录修改为examples
