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

jQuery对象与DOM对象之间的相互转换

Mar 03 Javascript

javascript设计模式之对象工厂函数与构造函数详解

Jul 30 Javascript

实现非常简单的js双向数据绑定

Nov 06 Javascript

Bootstrap每天必学之表单

Nov 23 Javascript

JS获取input file绝对路径的方法(推荐)

Aug 02 Javascript

解析js如何获取css样式

Dec 11 Javascript

正则中的回溯定义与用法分析【JS与java实现】

Dec 27 Javascript

详解webpack import()动态加载模块踩坑

Jul 17 Javascript

微信小程序使用echarts获取数据并生成折线图

Oct 16 Javascript

原生JS封装拖动验证滑块的实现代码示例

Jun 01 Javascript

vue prop传值类型检验方式

Jul 30 Javascript

微信小程序接入vant Weapp组件的详细步骤

Oct 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

PHP图片处理之图片旋转和图片翻转实例

2014/11/19 PHP

PHP实现一个多功能购物网站的案例

2017/09/13 PHP

PHP使用正则表达式实现过滤非法字符串功能示例

2018/06/04 PHP

PHP设计模式之模板模式定义与用法详解

2018/12/20 PHP

页面中iframe相互传值传参

2009/12/13 Javascript

15个款优秀的 jQuery 图片特效插件推荐

2011/11/21 Javascript

JS实现多物体缓冲运动实例代码

2013/11/29 Javascript

js实现进度条的方法

2015/02/13 Javascript

JavaScript实现拖拽网页内元素的方法

2015/04/15 Javascript

JS获取图片高度宽度的方法分享

2015/04/17 Javascript

jquery实现标题字体变换的滑动门菜单效果

2015/09/07 Javascript

jquery判断复选框是否被选中的方法

2015/10/16 Javascript

探寻JavaScript中this指针指向

2016/04/23 Javascript

底部悬浮通栏可以关闭广告位的实现方法

2016/06/01 Javascript

基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合

2016/08/11 Javascript

js实现横向拖拽导航条功能

2017/02/17 Javascript

微信小程序利用co处理异步流程的方法教程

2017/05/20 Javascript

Angular4学习教程之HTML属性绑定的方法

2018/01/04 Javascript

详解Puppeteer前端自动化测试实践

2019/02/21 Javascript

Vue为什么要谨慎使用$attrs与$listeners

2020/08/27 Javascript

[01:34]2014DOTA2 TI预选赛预选赛选手比赛房大揭秘!

2014/05/20 DOTA

Anaconda+Pycharm环境下的PyTorch配置方法

2020/03/13 Python

详解Css3新特性应用之过渡与动画

2017/01/10 HTML / CSS

森海塞尔美国官网：Sennheiser耳机与耳麦

2017/07/19 全球购物

电子商务网站的创业计划书

2014/01/05 职场文书

播音主持专业个人自我评价

2014/01/09 职场文书

大学生饮食连锁店创业计划书

2014/01/17 职场文书

幼儿园运动会入场词

2014/02/10 职场文书

租房协议书

2014/09/12 职场文书

争先创优个人总结

2015/03/04 职场文书

如何用JavaScipt测网速

2021/05/09 Javascript

浅谈Python中的函数(def)及参数传递操作

2021/05/25 Python

MySQL 8.0 Online DDL快速加列的相关总结

2021/06/02 MySQL

python中pandas对多列进行分组统计的实现

2021/06/18 Python

《仙剑客栈2》第一弹正式宣传片公开年内发售

2022/04/07 其他游戏

SQL Server2019安装的详细步骤实战记录(亲测可用)

2022/06/10 SQL Server