编程 Javascript

基于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 组件库小结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

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

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

收集的一些Array及String原型对象的扩展实现代码

Dec 05 Javascript

javascript 获取模态窗口的滚动位置代码

Aug 06 Javascript

JavaScript设计模式之适配器模式介绍

Dec 28 Javascript

JS+CSS简单树形菜单实现方法

Sep 12 Javascript

详解JavaScript的变量和数据类型

Nov 27 Javascript

js和jquery实现监听键盘事件示例代码

Jun 24 Javascript

浅谈JavaScript中变量和函数声明的提升

Aug 09 Javascript

深入学习jQuery中的data()

Dec 22 Javascript

js中toString()和String()区别详解

Mar 23 Javascript

AngularJS动态绑定ng-options的ng-model实例代码

Jun 21 Javascript

Angular 2父子组件数据传递之@ViewChild获取子组件详解

Jul 04 Javascript

React Native之ListView实现九宫格效果的示例

Aug 02 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

PHP类中Static方法效率测试代码

2010/10/17 PHP

PHP用strstr()函数阻止垃圾评论(通过判断a标记)

2013/09/28 PHP

PHP连接数据库实现注册页面的增删改查操作

2016/03/27 PHP

CI框架(CodeIgniter)操作redis的方法详解

2018/01/25 PHP

PHP内置函数生成随机数实例

2019/01/18 PHP

php实现的数组转xml案例分析

2019/09/28 PHP

JS代码格式化和语法着色V2

2006/10/14 Javascript

理解Javascript_14_函数形式参数与arguments

2010/10/20 Javascript

nodejs导出excel的方法

2015/06/30 NodeJs

浅谈javascript中return语句

2015/07/15 Javascript

jQuery Mobile开发中日期插件Mobiscroll使用说明

2016/03/02 Javascript

详解Vue2.X的路由管理记录之钩子函数（切割流水线）

2017/05/02 Javascript

Vue异步组件处理路由组件加载状态的解决方案

2018/09/07 Javascript

JS秒杀倒计时功能完整实例【使用jQuery3.1.1】

2019/09/03 jQuery

node 文件上传接口的转发的实现

2019/09/23 Javascript

vue中beforeRouteLeave实现页面回退不刷新的示例代码

2019/11/01 Javascript

Angular8 简单表单验证的实现示例

2020/06/03 Javascript

解决vue无法侦听数组及对象属性的变化问题

2020/07/17 Javascript

JS如何监听div的resize事件详解

2020/12/03 Javascript

一篇文章看懂JavaScript中的回调

2021/01/05 Javascript

[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid

2018/04/03 DOTA

[01:33:25]DOTA2-DPC中国联赛正赛 Elephant vs IG BO3 第一场 1月24日

2021/03/11 DOTA

用Python编写一个国际象棋AI程序

2014/11/28 Python

Python挑选文件夹里宽大于300图片的方法

2015/03/05 Python

django轻松使用富文本编辑器CKEditor的方法

2017/03/30 Python

Python随机生成均匀分布在单位圆内的点代码示例

2017/11/13 Python

Python实现的爬取百度文库功能示例

2019/02/16 Python

一款CSS3实现多功能下拉菜单（带分享按）的教程

2014/11/05 HTML / CSS

马来西亚网上购物：Youbeli

2018/03/30 全球购物

美国户外服装和装备购物网站：Outland USA

2020/03/22 全球购物

市场营销战略计划书

2014/05/06 职场文书

煤矿安全生产月活动总结

2014/07/05 职场文书

会议通知格式范文

2015/04/15 职场文书

Python turtle实现贪吃蛇游戏

2021/06/18 Python

详解Python requests模块

2021/06/21 Python

在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理

2022/04/14 Python