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

showModelessDialog()使用详解

Sep 21 Javascript

User Scripts: Video Download by User Scripts

May 14 Javascript

createElement动态创建HTML对象脚本代码

Nov 24 Javascript

兼容ie、firefox的图片自动缩放的css跟js代码分享

Aug 12 Javascript

jQuery获取元素父节点的方法

Jun 21 Javascript

JS实现动态增加和删除li标签行的实例代码

Oct 16 Javascript

带你了解session和cookie作用原理区别和用法

Aug 14 Javascript

JavaScript事件发布/订阅模式原理与用法分析

Aug 21 Javascript

webpack 从指定入口文件中提取公共文件的方法

Nov 13 Javascript

微信小程序实现分享朋友圈的图片功能示例

Jan 18 Javascript

js实现提交前对列表数据的增删改查

Jan 16 Javascript

Vue使用预渲染代替SSR的方法

Jul 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

JAVA/JSP学习系列之四

2006/10/09 PHP

PHP6 先修班 JSON实例代码

2008/08/23 PHP

php stream_get_meta_data返回值

2013/09/29 PHP

PHP实现文件上传下载实例

2016/10/18 PHP

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

2016/11/01 PHP

用js实现预览待上传的本地图片

2007/03/15 Javascript

Jquery下:nth-child(an+b)的使用注意

2011/05/28 Javascript

javascript插入样式实现代码

2012/02/22 Javascript

JS链式调用的实现方法

2013/03/07 Javascript

javascript如何判断输入的url是否正确

2014/04/11 Javascript

Jquery插件分享之气泡形提示控件grumble.js

2014/05/20 Javascript

百度UEditor编辑器如何关闭抓取远程图片功能

2015/03/03 Javascript

js实现类似于add(1)(2)(3)调用方式的方法

2015/03/04 Javascript

js+html5绘制图片到canvas的方法

2015/06/05 Javascript

Javascript中for循环语句的几种写法总结对比

2017/01/23 Javascript

Vue组件之单向数据流的解决方法

2018/11/10 Javascript

vue 父组件给子组件传值子组件给父组件传值的实例代码

2019/04/15 Javascript

Vuex 模块化使用详解

2019/07/31 Javascript

利用JS代码自动删除稿件的普通弹幕功能

2019/09/20 Javascript

Vue中fragment.js使用方法小结

2020/02/17 Javascript

[05:53]敌法师的金色冠名ID"BurNIng"，是传说，是荣耀

2020/07/11 DOTA

python实现根据图标提取分类应用程序实例

2014/09/28 Python

使用pyecharts无法import Bar的解决方案

2020/04/23 Python

使用python读取txt文件的内容,并删除重复的行数方法

2018/04/18 Python

Python any()函数的使用方法

2019/10/28 Python

python图形用户接口实例详解

2019/12/16 Python

为什么python比较流行

2020/06/19 Python

树莓派4B安装Tensorflow的方法步骤

2020/07/16 Python

通息工程毕业生自荐信

2013/10/16 职场文书

12.4法制宣传日活动总结

2014/08/26 职场文书

爱晚亭导游词

2015/02/09 职场文书

2016年春季开学典礼新闻稿

2015/11/25 职场文书

数据结构课程设计心得体会

2016/01/15 职场文书

先进党支部事迹材料2016

2016/02/26 职场文书

Python实现文本文件拆分写入到多个文本文件的方法

2021/04/18 Python

浅谈vue2的$refs在vue3组合式API中的替代方法

2021/04/18 Vue.js