在 Ember.js 项目中，使用 lodash 来处理数组和对象是很常见的做法。然而，Ember.js 并不直接支持使用 lodash。这时候，我们就可以使用 npm 包 ember-lodash-computed 来解决这个问题。在本文中，我们将详细介绍如何使用这个 npm 包，并带有实际的代码示例。
安装和使用
首先，我们需要安装 ember-lodash-computed 包。可以通过以下命令来安装：
npm install --save-dev ember-lodash-computed
在 Ember.js 项目中，我们需要将它作为 add-on 使用。在 applications 文件中，我们需要将其作为 add-on 添加到我们的应用程序中，如下所示：
-- -------------------- ---- -------
--- -------- - --------------------------------------------
--- --- - --- -----------
-- --- --------------------- ------
--------------------------------------------------------- -
------ -
- --------------- ------ --- ----------------------- -
-
---通过以上步骤，我们就可以使用 ember-lodash-computed 这个 add-on 了。
接下来，我们可以在某个计算属性中使用 ember-lodash-computed，比如：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- ---------
----- -
--------
- - ------
------ ------- -------------------------
------ -
- ----- ------- ---- -- --
- ----- ------- ---- -- --
- ----- -------- ---- -- -
--
-- -- --------------------- ------
-------------- -------------------------- ------ ---------------- -- ----
---在这个示例中，我们通过使用 ember-lodash-computed，过滤出了所有年龄 >= 25 的 items，这个计算属性的名称为 filteredItems。
除了 filterBy，我们还可以使用许多其他的 lodash 支持的函数，比如：groupBy、sortBy、uniq、flatMap 等等。
总结
在本文中，我们详细讲解了如何使用 npm 包 ember-lodash-computed，包括安装和使用方法。与此同时，我们还演示了如何在 Ember.js 项目中使用它来优化我们的代码。希望读者通过本文的介绍，可以更好地理解如何使用 ember-lodash-computed 这个工具箱，并在其项目中提升代码效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc78