基于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 触发HTML元素绑定的函数
Sep 11 Javascript
可编辑下拉框的2种实现方式
Jun 13 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
VSCode launch.json配置详细教程
Jun 18 Javascript
微信小程序实现多图上传
Jun 19 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
vue ref如何获取子组件属性值
Mar 31 Vue.js
使用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
php基础知识:类与对象(5) static
2006/12/13 PHP
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
php实现数组按指定KEY排序的方法
2015/03/30 PHP
php字符串操作常见问题小结
2016/10/11 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
小程序实现tab标签页
2020/11/16 Javascript
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
Python中断多重循环的思路总结
2019/10/04 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
详解HTML5表单新增属性
2016/12/21 HTML / CSS
2014年廉洁自律承诺书
2014/05/26 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
法院反腐倡廉心得体会
2014/09/09 职场文书
回门宴新娘答谢词
2015/09/29 职场文书
学习心得体会
2019/06/20 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书