编程 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输出列表实现代码

Sep 12 Javascript

修改jQuery Validation里默认的验证方法

Feb 14 Javascript

JQuery打造省市下拉框联动效果

May 18 Javascript

编写简单的jQuery提示插件

Dec 21 Javascript

jQuery实现的AJAX简单弹出层效果代码

Nov 26 Javascript

JS使用正则表达式实现关键字替换加粗功能示例

Aug 03 Javascript

封装的dialog插件基于bootstrap模态对话框的简单扩展

Aug 10 Javascript

Angular2使用jQuery的方法教程

May 28 jQuery

BootStrap模态框不垂直居中的解决方法

Oct 19 Javascript

微信小程序wx.previewImage预览图片实例详解

Dec 07 Javascript

Servlet3.0与纯javascript通过Ajax交互的实例详解

Mar 18 Javascript

vue中Element-ui 输入银行账号每四位加一个空格的实现代码

Sep 14 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

MySql中正则表达式的使用方法描述

2008/07/30 PHP

phpword插件导出word文件时中文乱码问题处理方案

2014/08/19 PHP

php+mysql+jquery实现简易的检索自动补全提示功能

2017/04/15 PHP

详细分析PHP 命名空间(namespace)

2020/06/30 PHP

对google个性主页的拖拽效果的js的完整注释[转]

2007/04/10 Javascript

Div Select挡住的解决办法

2008/08/07 Javascript

Javascript 模式实例观察者模式

2009/10/24 Javascript

javascript OFFICE控件测试代码

2009/12/08 Javascript

this和执行上下文实现代码

2010/07/01 Javascript

jquery获得下拉框值的代码

2011/08/13 Javascript

jQuery替换字符串(实例代码)

2013/11/13 Javascript

Node.js模拟浏览器文件上传示例

2014/03/26 Javascript

IE中getElementsByName()对有些元素无效的解决方案

2014/09/28 Javascript

jQuery中[attribute=value]选择器用法实例

2014/12/31 Javascript

jQuery动画效果实现图片无缝连续滚动

2016/01/12 Javascript

javascript使用Promise对象实现异步编程

2016/03/01 Javascript

Boostrap基础教程之JavaScript插件篇

2016/09/08 Javascript

jquery attr()设置和获取属性值实例教程

2016/09/25 Javascript

React Native使用Modal自定义分享界面的示例代码

2017/10/31 Javascript

vue实现商城购物车功能

2017/11/27 Javascript

微信小程序实现图片懒加载的示例代码

2017/12/13 Javascript

解决iView中时间控件选择的时间总是少一天的问题

2018/03/15 Javascript

webpack公共组件引用路径简化小技巧

2018/06/15 Javascript

浅谈Vue服务端渲染框架Nuxt的那些事

2018/12/21 Javascript

Python线程详解

2015/06/24 Python

python通过robert、sobel、Laplace算子实现图像边缘提取详解

2019/08/21 Python

python tkinter GUI绘制,以及点击更新显示图片代码

2020/03/14 Python

css3的focus-within选择器的使用

2020/05/11 HTML / CSS

Lee牛仔裤澳大利亚官网：美国著名牛仔裤品牌

2017/09/02 全球购物

墨尔本最受欢迎的复古风格品牌：Princess Highway

2018/12/21 全球购物

阿里巴巴英国：Alibaba英国

2019/12/11 全球购物

Java多态性的定义以及类型

2014/09/16 面试题

如何删除一个表里面的重复行

2013/07/13 面试题

电大学习个人自我评价范文

2013/10/04 职场文书

Python绘画好看的星空图

2022/03/17 Python

Java 获取Word中所有的插入和删除修订的方法

2022/04/06 Java/Android