基于Vue 2.0的模块化前端 UI 组件库小结


Posted in Javascript onDecember 21, 2017

AT-UI 是一款基于 Vue.js 2.0 的轻量级、模块化前端 UI 组件库,主要用于快速开发 PC 网站产品。

专门为桌面应用程序构建,AT-UI 提供了一套 npm + webpack + babel 前端开发工作流程,以及一个体面的干净整洁的 UI 组件。

特性

  • 基于 Vue 开发的 UI 组件
  • 基于 npm + webpack + babel 的工作流,支持 ES2015
  • CSS 样式独立,保证不同的框架实现都能保持统一的 UI 风格( 详见: AT-UI Style )
  • 提供友好的 API,可灵活的使用组件

支持环境

  • 现代浏览器和 IE9 及以上
  • Electron
  • NW.js

安装

  • 推荐使用 npm 安装
npm install at-ui

  • 也可以使用 <script> 全局引用
<script type="text/javascript" src="at.min.js"></script>

使用

由于 AT-UI 的样式独立成了单独的项目,所以在使用  AT-UI 前,需要安装  at-ui-style 。可采用 npm 的方式安装,或者使用  <script> 标签的方式引入样式文件。

npm install at-ui-style

或者

<link rel="stylesheet" href="at.min.css" rel="external nofollow" />

总结

以上所述是小编给大家介绍的基于Vue 2.0的模块化前端 UI 组件库小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript基础知识大全 便于大家学习,也便于我自己查看
Aug 17 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
js实现select下拉框选择
Jan 11 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 #Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 #Javascript
代码详解Vuejs响应式原理
Dec 20 #Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 #Javascript
在一个页面实现两个zTree联动的方法
Dec 20 #Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 #Javascript
Angular2+如何去除url中的#号详解
Dec 20 #Javascript
You might like
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
js 声明数组和向数组中添加对象变量的简单实例
2016/07/28 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
Python实现二分查找算法实例
2015/05/26 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
使用pyecharts在jupyter notebook上绘图
2020/04/23 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
安全标兵事迹材料
2014/08/17 职场文书
蜗居观后感
2015/06/11 职场文书
公司员工培训管理制度
2015/08/04 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
golang正则之命名分组方式
2021/04/25 Golang
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server