javascript - Vue.js 和 Immutable.js-6ren

javascript - Vue.js 和 Immutable.js

转载作者：搜寻专家更新时间：2023-10-30 22:13:06

24

4

我正在开发一个 Vue.js 应用程序，我必须在其中处理深度嵌套的数据结构(树和 forests )。

在阅读了有关使用简单数据结构、纯函数和减少(非本地)变异的内容后，我相信接受这些想法会提高我的代码的可维护性和简单性。

在仅使用纯函数实现树操作模块时，我学到了两件事:

避免 JavaScript 中嵌套对象的无意变化需要大量的关注和纪律，尤其是对于较大的团队
我不喜欢用 cloneDeep() 乱丢我的代码调用

昨天，我偶然发现了Immutable.js ，这对我来说很棒。玩了一会儿之后，我觉得它让我的纯函数更容易推理。

我的 Vue.js 组件将使用 fromJS(treeNode)和 treeNode.toJS()与操作模块交互时。

我的问题:在技术上是否可以将 Vue.js 和 Immutable.js 结合在一起？需要注意什么？人们在生产中使用这种组合吗？我找到了这个 post ，这似乎表明相反。这就是我能找到的所有内容。

有哪些注意事项或实际缺点？您会建议使用 Immutable.js 还是继续深度克隆常规对象？

编辑:根据投票更新了我的问题，使其(更少)基于意见

最佳答案

只是我自己阅读了这篇文章，显然不是:https://forum.vuejs.org/t/immutable-js-with-vue/6366

关于javascript - Vue.js 和 Immutable.js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48475224/

24

4

0

文章推荐： php - 数据库设计，类别，子类别和主题中的项目

文章推荐： ios - self.variable 和 _variable 的区别，关于 KVO

文章推荐： database - 如何解决 flyway 验证失败？

immutable.js - 为什么我的简单对象不使用 Immutable.fromJS({}) 转换为 Immutable.Map()
为什么我的简单对象不使用 Immutable.fromJS({}) 转换为 Immutable.Map() 这是 Map() - 按预期工作 > var mymap = Immutable.Map({
immutable.js - Immutable.js-是否可以将元素插入列表中的任意位置？
如何在Immutable.js列表的任意位置插入元素？最佳答案您正在寻找 splice method: Splice returns a new indexed Iterable by repla
javascript - Immutable.is() 可以接受任何 Immutable 类型吗？
https://facebook.github.io/immutable-js/docs/#/is 我尝试比较 2 个 OrderedMap，但 Immutable.is 函数不起作用。它只能比较
immutable.js - 我可以在 immutable.js 中使用解构赋值吗？
对于标准的 JS 对象，可以使用解构赋值，例如: let obj = {name: 'james', code: '007'} let {name, code} = obj // creates ne
immutable.js - 如何获取 immutable.js 映射的第一个键(不是值)？
如何获取 immutable.js 映射的第一个键(不是值)？基本上myMap.first()将返回值，但我对 key 感兴趣...... 我可以先执行 forEach 并存储，但必须是更好的方法!
immutable.js - 如何在 Immutable.js Record 中一次设置多个字段？
查看this ，我认为一成不变。 Record是表示“javascript不可变对象(immutable对象)”的数据结构，但我想一次更新多个字段，而不是每次创建多个调用set的对象。我想做这样的事
scala - 为什么可以改变 immutable.SortedMap 和 immutable.TreeMap？
为什么可以改变 scala.collection.immutable.SortedMap 和 scala.collection.immutable.TreeMap？ scala> import sca
immutable.js - 如何在 immutable.js 列表中使用 setIn
好的，我有一个对象列表，非常标准。 const list = Immutable.List([{type:'thang',data:{id:'pants'}}]); 现在我想把裤子换成短裤……所以我在
immutable.js - 使用 Immutable.js 在 OrderedMap 中添加一个项目
如何在 OrderedMap 的末尾添加项目？我试过了 this.boxes = this.boxes.setIn(data); 感谢您的帮助最佳答案一种可能的方法是使用 concat
javascript - Redux 和 immutable js，我在尝试使用 immutable 后失去了状态
在开始使用 reactjs 和 redux 进行开发之后，我认为在使用 redux 的同时使用 immutable.js 会更好。但是...也许我是智障，或者在正确使用它之前需要一些练习，一切都崩溃
immutable.js - 我什么时候应该在 Immutable.js 的 map 上使用 `withMutations`？
我要在 Immutable.js 映射上进行一系列更改。我应该在什么时候更喜欢使用 withMutations而不是创建中间的不可变映射？来自 Immutable.js 文档: If you ne
immutable.js - 如何用 Flow 描述 Immutable.js map 形状
我想使用 Immutable 的流类型定义来描述 map 的形状。您可以通过以下方式描述物体的形状: const stateShape: { id: number, isActive: bo
.net - Microsoft.Bcl.Immutable 与 System.Collections.Immutable.Net40
这两个 NuGet 包有什么区别？如果我正在创建 .net 4.51 项目，我应该使用其中一个吗？我过去使用过 Microsoft.Bcl.Immutable 的测试版，但只是想知道其中一个是否会比另
swift (用户界面)错误 : Cannot use mutating member on immutable value: 'self' is immutable
基本上我想要做的是，如果您按下按钮，那么条目应该获得一个新的 CEntry。如果有人可以帮助我，那就太好了。谢谢! struct AView: View { var entries = [CEn
swift - 类协议(protocol) : Cannot use mutating member on immutable value: 'self' is immutable
我有来自框架的协议(protocol) public protocol BaseMappable { /// This function is where all variable mappi
arrays - 不能在不可变值 : function call returns immutable value - not sure why value is immutable 上使用可变成员
Swift 开发相对较新。尝试修改其他人编写的几个函数。目标是在用户登录后第一次调用此路径(该部分尚未设置)时离开原始路径，并在后续调用中使用其他路径。因此，在编写将指向首次通过或非首次通过的逻辑之
swift 4 : "cannot use mutating member on immutable value: ' self' is immutable"in mutating function
这段代码 extension Collection { mutating func f() { removeFirst() } } 处理错误 cannot use mutating m
javascript - 我可以使用相同的代码遍历 immutable.List、immutable.Set 或 Javascript Array 或 Set 吗？
我正在处理一些使用许多不同项目“列表”的 NodeJS 代码。底层实现使用包括 Immutable.List、Immutable.Set、Javascript Array 和 Javascript S
javascript - 使用 React Immutability helpers 或 Immutable js React 合并不可变对象(immutable对象)数组
我正在尝试使用 Reacts Immutability helpers 或 Immutable js 合并一个不可变的对象数组。我正在尝试创建一个仅包含名称已更改的记录的列表。如果名称在提交前已多次更
Swift 4 减少问题 : Cannot use mutating member on immutable value: function call returns immutable value
我被困在一个 Cannot use mutating member on immutable value: function call returns immutable value 这段代码错误:

首页

博学

6Ren·AI

商城

javascript - Vue.js 和 Immutable.js