前言
在开发过程中，我们经常需要对数据进行增删改查的操作。这样的操作可以自己手写，但是会很麻烦，容易出现错误。而 @deli/crudl 就是一个帮我们封装好这些操作的 npm 包，可以方便我们进行数据的管理和操作。
安装
使用 @deli/crudl 需要先安装，我们可以使用 npm 进行安装。
--- ------- -----------
安装完成后可以在项目中引入：
------ ----- ---- --------------
使用方法
使用 Crudl 需要提供以下参数：
- api: 请求地址
- key: 数据的主键（默认为 id）
- transformData: 对响应数据进行转换的函数（可选）
----- ----- - --- -------
---- --------------------------
---- -----
-------------- ------ -- -
------ --------------- -- -
------ -
--------
----- -------------- - - - - --------------
--
---
--
---查找数据
使用 findAll 方法可以查询所有符合条件的数据：
----- ----- - ----- ---------------
------ -
---- -
----- ---
--
--
---查找结果会被包装成一个 Promise，我们可以使用 await 关键字进行异步获取。
添加数据
使用 create 方法可以添加一条数据：
----- ----------- - ----- -------------- ---------- ------- --------- ------ ---- --- ---
修改数据
使用 update 方法可以修改一条数据：
----- ----------- - ----- --------------- - ---- --- ---
其中，1 表示数据的主键值。
删除数据
使用 destroy 方法可以删除一条数据：
----- -----------------
其中，1 表示数据的主键值。
示例代码
下面给出一个完整的示例代码：
------ ----- ---- --------------
----- ----- - --- -------
---- --------------------------
---- -----
-------------- ------ -- -
------ --------------- -- -
------ -
--------
----- -------------- - - - - --------------
--
---
--
---
----- -------- ------ -
-- ----
----- ----- - ----- ---------------
------ -
---- -
----- ---
--
--
---
-------------------
-- ----
----- ----------- - ----- --------------
---------- -------
--------- ------
---- ---
---
-------------------------
-- ----
----- ----------- - ----- --------------- -
---- ---
---
-------------------------
-- ----
----- -----------------
-
-------总结
@deli/crudl 是一款方便我们进行数据管理和操作的 npm 包。本篇文章对其进行了详细的介绍，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600573c481e8991b448e9b7a