基于Vue 2.0的模块化前端 UI 组件库小结

 更新时间:2017年12月21日 08:34:52   投稿:mrr  
AT-UI 是一款基于 Vue.js 2.0 的轻量级、模块化前端 UI 组件库,主要用于快速开发 PC 网站产品。下面通过本文给大家介绍Vue 2.0的模块化前端 UI 组件库,需要的朋友参考下吧

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,可灵活的使用组件

支持环境

安装

  • 推荐使用 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中 v-if 和v-else-if页面加载出现闪现的问题及解决方法

    Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法

    vue中v-if 和v-else-if在页面加载的时候,不满足条件的标签会加载然后再消失掉,如果要解决这个问题,下面小编给大家带来了实例代码,需要的朋友参考下吧
    2018-10-10
  • vue+F2生成折线图的方法

    vue+F2生成折线图的方法

    这篇文章主要为大家详细介绍了vue+F2生成折线图的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 关于vue-tree-chart简单的使用

    关于vue-tree-chart简单的使用

    这篇文章主要介绍了关于vue-tree-chart简单的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue登录路由验证的实现

    vue登录路由验证的实现

    这篇文章主要为大家详细介绍了vue登录路由验证的实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 一文详解Vue的响应式原则与双向数据绑定

    一文详解Vue的响应式原则与双向数据绑定

    使用 Vue.js 久了,还是不明白响应式原理和双向数据绑定的区别?今天,我们就一起来学习一下,将解释它们的区别,快跟随小编一起学习学习吧
    2022-08-08
  • vue2.0+koa2+mongodb实现注册登录

    vue2.0+koa2+mongodb实现注册登录

    这篇文章主要介绍了vue2.0+koa2+mongodb实现注册登录功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • 解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)

    解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)

    这篇文章主要介绍了解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • 解决el-select数据量过大的3种方案

    解决el-select数据量过大的3种方案

    最近做完一个小的后台管理系统,快上线了,发现一个问题,有2个select的选项框线上的数据量是1w+,而测试环境都是几百的,所以导致页面直接卡住了,本文给大家总结了3种方法,需要的朋友可以参考下
    2023-09-09
  • 通过vue手动封装on、emit、off的代码详解

    通过vue手动封装on、emit、off的代码详解

    这篇文章主要介绍了通过vue手动封装on,emit,off的代码详解,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • Vue实现拖拽穿梭框功能四种方式实例详解

    Vue实现拖拽穿梭框功能四种方式实例详解

    这篇文章主要介绍了Vue实现拖拽穿梭框功能四种方式,使用原生js实现拖拽,VUe使用js实现拖拽穿梭框,结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09

最新评论