编程 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 相关文章推荐

js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码

Jul 27 Javascript

JQuery1.6 使用方法三

Nov 23 Javascript

jquery remove方法应用详解

Nov 22 Javascript

js实现页面跳转重定向的几种方式

May 29 Javascript

jQuery实现气球弹出框式的侧边导航菜单效果

Sep 22 Javascript

jQuery的Cookie封装,与PHP交互的简单实现

Oct 05 Javascript

手机软键盘弹出时影响布局的解决方法

Dec 15 Javascript

js+div+css下拉导航菜单完整代码分享

Dec 28 Javascript

javascript使用递归算法求两个数字组合功能示例

Jan 03 Javascript

JavaScript实现音乐自动切换和轮播

Nov 05 Javascript

Angular实现的敏感文字自动过滤与提示功能示例

Dec 29 Javascript

Vue前端判断数据对象是否为空的实例

Sep 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代码

2010/02/16 PHP

php连接mssql的一些相关经验及注意事项

2013/02/05 PHP

php页码形式分页函数支持静态化地址及ajax分页

2014/03/28 PHP

php检查字符串中是否包含7位GSM字符的方法

2015/03/17 PHP

PHP中的常见魔术方法功能作用及用法实例

2015/07/01 PHP

PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】

2016/12/24 PHP

Ajax::prototype 源码解读

2007/01/22 Javascript

js 上下左右键控制焦点(示例代码)

2013/12/14 Javascript

Js操作树节点自动折叠展开的几种方法

2014/05/05 Javascript

IE6浏览器中window.location.href无效的解决方法

2014/11/20 Javascript

浅谈几种常用的JS类定义方法

2016/06/08 Javascript

Google 地图API资料整理及详细介绍

2016/08/06 Javascript

JS 拦截全局ajax请求实例解析

2016/11/29 Javascript

详解JS数组Reduce()方法详解及高级技巧

2017/08/18 Javascript

详解nodejs中express搭建权限管理系统

2017/09/15 NodeJs

JavaScript中严格判断NaN的方法

2018/02/16 Javascript

layui实现根据table数据判断按钮显示情况的方法

2019/09/26 Javascript

Vue中点击active并第一个默认选中功能的实现

2020/02/24 Javascript

[01:07:15]DOTA2-DPC中国联赛正赛 DLG vs XG BO3 第二场 1月25日

2021/03/11 DOTA

在Python中使用CasperJS获取JS渲染生成的HTML内容的教程

2015/04/09 Python

python编程开发之textwrap文本样式处理技巧

2015/11/13 Python

详细介绍Python的鸭子类型

2016/09/12 Python

使用python Fabric动态修改远程机器hosts的方法

2018/10/26 Python

python 判断文件还是文件夹的简单实例

2019/06/10 Python

python-django中的APPEND_SLASH实现方法

2019/06/21 Python

Pytorch Tensor的统计属性实例讲解

2019/12/30 Python

使用Pycharm分段执行代码

2020/04/15 Python

解决Keras中CNN输入维度报错问题

2020/06/29 Python

CSS3 仿微信聊天小气泡实例代码

2017/04/05 HTML / CSS

社区母亲节活动记录

2014/03/06 职场文书

幼儿园法制宣传日活动总结

2014/11/01 职场文书

2014年小班保育员工作总结

2014/12/23 职场文书

血轮眼轮回眼特效 html+css

2021/03/31 HTML / CSS

详解前端任务构建利器Gulp.js使用指南

2021/04/30 Javascript

php+laravel 扫码二维码签到功能

2021/05/15 PHP

Go语言基础知识点介绍

2021/07/04 Golang