KUI for Vue.js

chuchur

发布于 2022-10-25 14:07:19

1.3K0

文章被收录于专栏：禅境花园禅境花园

KUI for Vue

轻量级桌面UI组件库for Vue.js

English | 简体中文

文档

特性

50+高质量组件
国际化支持 14 种语言
支持Vue2.x
支持 SSR
支持 Nuxt.js
支持 Electron
大多数组件和功能支持IE9及以上浏览器，一些组件和功能不支持IE

安装

#with npm:
npm install kui-vue

#with yarn:
npm add kui-vue

使用脚本标记进行全局使用：

<!-- 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>

使用

<template>
  <div>
    <Button type="primary" @click="test">Primary</Button>
  </div>
</template>
<script>
export default{
  data() {
    return{

    }
  },
  methods:{
    test(){
      this.$Message.info('Hello kui !')
    }
  }
}
</script>