介绍
@experiments-labs/vuejs-elabs-libs 是一个 Vue.js 组件库，提供了大量常用的 UI 组件，可以快速搭建前端网站。此外，它还提供了一些常用的工具类，让前端开发更加高效。
安装
使用 npm 安装：
npm install @experiments-labs/vuejs-elabs-libs --save
使用
在 Vue.js 项目中，可以通过如下方式全局引入组件和工具类：
import Vue from 'vue' import ElabsLibs from '@experiments-labs/vuejs-elabs-libs' Vue.use(ElabsLibs)
现在你可以使用库中提供的组件和工具类了。
组件
Button 按钮
<template> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button> </template>
Input 输入框
-- -------------------- ---- -------
----------
--------- --------------- -------------------------------
-----------
--------
------ ------- -
------ -
------ -
------ --
-
-
-
---------Select 选择器
-- -------------------- ---- -------
----------
---------- ------------------ ------------------
---------- ----------- ----------------------------
---------- ----------- ----------------------------
---------- ----------- ----------------------------
------------
-----------
--------
------ ------- -
------ -
------ -
--------- --
-
-
-
---------Datepicker 日期选择器
-- -------------------- ---- -------
----------
--------------- -------------- ----------- ------------------------------------
-----------
--------
------ ------- -
------ -
------ -
----- --
-
-
-
---------更多组件请查看官方文档。
工具类
request 请求工具类
request 是 Vue.js 中常用的网络请求工具类，允许开发者发送 GET、POST、PUT、PATCH 和 DELETE 请求，并获得响应数据。
-- -------------------- ---- -------
-- -------
------ - ------- - ---- ------------------------------------
-- -- --- --
------------------------- -
------- -
----- -
-
---------------- -- -
--------------------------
-------------- -- -
------------------
--
-- -- ---- --
-------------------------- -
----- ----- -----
------ ----------------------
---------------- -- -
--------------------------
-------------- -- -
------------------
--更多工具类请查看官方文档。
总结
@experiments-labs/vuejs-elabs-libs 提供了大量常用的 Vue.js 组件和工具类，可以让前端开发更加高效。本文介绍了其基本使用方法，希望对使用者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c4681e8991b448e5caf