基于 Vue 2.0 的 UI 组件库 KUI for Vue

MIT
JavaScript 查看源码»
跨平台
2018-07-04
chuchur

KUI for Vue

基于 VUE 2.x 开发,在追求完美视觉体验的同时也保证了其性能高效。

欢迎批评、指正、吐槽、Star 和捐助 

Docs: http://k-ui.xyz 
Blog: http://chuchur.com

特性

漂亮的UI,可定制主题 兼容IE9+ 组件丰富,功能强大

更新日志:

Logs: https://vue.k-ui.xyz/log

安装

使用npm

npm install kui-vue --save

使用CDN

<!-- import Vue.js -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="//unpkg.com/kui-vue/dist/k-ui.css">
<!-- import kui -->
<script src="//unpkg.com/kui-vue/dist/k-ui.js"></script>

示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>kui example</title>
  <link rel="stylesheet" type="text/css" href="http://unpkg.com/kui-vue/dist/k-ui.css">
  <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
  <script type="text/javascript" src="http://unpkg.com/kui-vue/dist/k-ui.js"></script>
</head>
<body>
<div id="app">
  <k-button @click="show">Click me!</k-button>
  <Modal v-model="visible" title="Welcome">Welcome to use kui</Modal>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
      visible: false
    },
    methods: {
      show: function () {
        this.visible = true;
      }
    }
  })
  </script>
</body>
</html>
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Vue 组件库

1.kui 2.iview 3.mint-ui 4.VUE优秀UI组件库合集 5.Vant 轻量、可靠的移动端 Vue 组件库 6.https://gitee.com/heyui/heyui...

2018/07/04 09:02
37
0
vue笔记

添加devtools https://github.com/vuejs/vue-devtools#vue-devtools vue的computed属性 有缓存,methods属性没有缓存 vue实例中的data是属性 可以定义对象,Vue.component中的data是方法 需要...

2017/08/28 04:10
138
0
前端框架vue.js系列(9):Vue.extend、Vue.component与new Vue

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/78133622 vue构造、vue组件和vue实例这三个是不同的概念,它们的关系有点类似于...

2018/11/28 21:00
14
0
Vue 自动化表单相关资料

1.使用vue自动化表单 2.Vue可视化,Vue代码生成,Vue动态表单 3.前端表单进阶之路:通过 Vue.js 实现表单可配置化 4.使用Vue动态生成form表单 5.autoform-devtool 6.Vue.js实践:实现多条件筛...

2018/07/17 09:28
51
0
vue

vue

2018/04/23 00:16
19
0
Vue相关组件集合

内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vu...

2018/08/28 14:58
73
0
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material...

2018/10/10 16:58
24
0
vue插件

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vu...

2018/12/25 10:43
32
0
让sublime text3支持Vue语法高亮显示

让sublime text3支持Vue语法高亮显示 1.准备语法高亮插件vue-syntax-highlight。 下载地址: https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vue-syntax-highli...

2018/06/27 14:45
30
0
Vue.js学习笔记一

Vue介绍 Vue.js是什么? 是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,与第三方库或既有项目整合方便。与现代化的工具链以及各种支持类...

2018/09/05 10:42
22
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部