wjm-keen-ui 是一个基于 Vue.js 的 UI 组件库，提供了许多常用的 UI 组件，如按钮、下拉框、输入框等，能够帮助开发者快速构建前端页面。
安装
在安装 wjm-keen-ui 之前，您需要确保已经安装了 Node.js 和 npm。如果您的电脑上没有安装这两个软件，可以前往官网下载安装。
安装 wjm-keen-ui 非常简单，只需要在命令行中输入以下命令：
npm install wjm-keen-ui --save
使用
在使用 wjm-keen-ui 之前，需要引入相关的样式和组件。在 Vue.js 中，可以使用以下代码来全局引入 wjm-keen-ui：
import Vue from 'vue' import WjmKeenUI from 'wjm-keen-ui' import 'wjm-keen-ui/dist/wjm-keen-ui.css' Vue.use(WjmKeenUI)
然后就可以在组件中使用 wjm-keen-ui 提供的组件了，例如：
<template>
<div>
<wjm-button>点击我</wjm-button>
</div>
</template>组件
wjm-keen-ui 提供了许多常用的 UI 组件，下面介绍一些常用的组件的用法。
Button
wjm-button 是一个按钮组件，可以设置不同的类型（primary、success、warning、danger），不同的尺寸（small、medium、large），以及不同的状态（disabled、loading）。
<template>
<div>
<wjm-button type="primary">主要按钮</wjm-button>
<wjm-button type="success" size="medium">成功按钮</wjm-button>
<wjm-button type="warning" :loading="true">加载中</wjm-button>
<wjm-button type="danger" :disabled="true">禁用按钮</wjm-button>
</div>
</template>Input
wjm-input 是一个输入框组件，可以设置默认值、占位符、以及监听输入事件。
-- -------------------- ---- -------
----------
-----
---------- --------------- ------------------------------
----------- -- ----- ------
------
-----------
--------
------ ------- -
---- -- -
------ -
------ --
-
-
-
---------Select
wjm-select 是一个下拉框组件，可以设置默认选项、多选、禁用等属性。
-- -------------------- ---- -------
----------
-----
----------- --------------- ----------------- -------------------------------
------------ -- ----- ------
------
-----------
--------
------ ------- -
---- -- -
------ -
------ ---
------- -
- ------ -------- ------ ---- --
- ------ --------- ------ ---- --
- ------ --------- ------ ---- --
- ------ ------------- ------ ---- -
-
-
-
-
---------总结
wjm-keen-ui 是一个非常实用的 UI 组件库，为开发者提供了许多方便的组件，能够大大提高开发效率。希望本文能够帮助您更好地了解和使用 wjm-keen-ui。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b48c6eb7e50355dbf4f