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

JSON 和 JavaScript eval使用说明

Jun 13 Javascript

JavaScript打字小游戏代码

Dec 26 Javascript

js特效,页面下雪的小例子

Jun 17 Javascript

$.get获取一个文件的内容示例代码

Sep 11 Javascript

开发中可能会用到的jQuery小技巧

Mar 07 Javascript

js使用循环清空某个div中的input标签值

Sep 29 Javascript

JavaScript实现列表分页功能特效

May 15 Javascript

JavaScript中操作字符串之localeCompare()方法的使用

Jun 06 Javascript

Angularjs 实现移动端在线测评效果(推荐)

Apr 05 Javascript

解决Vue2.x父组件与子组件之间的双向绑定问题

Mar 06 Javascript

WEB前端性能优化的7大手段详解

Feb 04 Javascript

js实现简单的倒计时

Jan 28 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

使用Limit参数优化MySQL查询的方法

2008/11/12 PHP

PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]

2011/12/16 PHP

PHP中4个加速、缓存扩展的区别和选用建议

2014/03/12 PHP

CI框架无限级分类+递归的实现代码

2016/11/01 PHP

PHP在linux上执行外部命令的方法

2017/02/06 PHP

PHP设计模式（一）工厂模式Factory实例详解【创建型】

2020/05/02 PHP

JavaScript下通过的XMLHttpRequest发送请求的代码

2011/06/28 Javascript

解读JavaScript中 For, While与递归的用法

2013/05/07 Javascript

setTimeout()与setInterval()方法区别介绍

2013/12/24 Javascript

javascript实现瀑布流自适应遇到的问题及解决方案

2015/01/28 Javascript

jQuery获取attr()与prop()属性值的方法及区别介绍

2016/07/06 Javascript

详解nodejs模板引擎制作

2017/06/14 NodeJs

微信小程序动态添加分享数据

2017/06/14 Javascript

es7学习教程之fetch解决异步嵌套问题的方法示例

2017/07/21 Javascript

深入理解vuex2.0 之 modules

2017/11/20 Javascript

三步实现ionic3点击退出app程序

2019/09/17 Javascript

openlayers实现地图弹窗

2020/09/25 Javascript

Vant 中的Toast设置全局的延迟时间操作

2020/11/04 Javascript

[01:31]完美与DOTA2历程

2014/07/31 DOTA

[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17

2018/08/18 DOTA

Python模拟登录验证码（代码简单）

2016/02/06 Python

浅谈插入排序算法在Python程序中的实现及简单改进

2016/05/04 Python

使用matplotlib中scatter方法画散点图

2019/03/19 Python

python3.6下Numpy库下载与安装图文教程

2019/04/02 Python

python递归函数用法详解

2020/10/26 Python

python包的导入方式总结

2021/03/02 Python

尤为Wconcept中国官网：韩国设计师品牌服饰

2019/01/10 全球购物

SNIDEL官网：日本VIVI杂志人气少女第一品牌

2020/03/12 全球购物

仓库门卫岗位职责

2013/12/22 职场文书

工程招投标邀请书

2014/01/26 职场文书

优秀技术工人先进材料

2014/02/17 职场文书

优秀经理获奖感言

2014/03/04 职场文书

学习实践科学发展观心得体会

2014/09/10 职场文书

基层党员群众路线教育实践活动个人对照检查材料思想汇报

2014/10/05 职场文书

小学校园广播稿

2015/08/18 职场文书

Html5通过数据流方式播放视频的实现

2021/04/27 HTML / CSS