According to Vue.js' documentation ，它在底层使用 VDOM 来呈现 UI。据我了解，VDOM 的发明主要是为了避免“跟踪依赖”。使用 VDOM，可以在不知道到底发生了什么变化的情况下协调应用程序的更大部分。因此，可以使用普通对象和数组来描述 View ，只需要通知框架有关更改(如 React 中的 setState)。然后，比较两个 VDOM 树并将所需的最小更改集应用到真实的 DOM。
另一方面，Vue.js 使用跟踪依赖项。它确切地知道发生了什么变化，因此可以使用 DOM 绑定(bind)。此外，由于大多数 Vue.js 用户已经在使用模板语言，因此它并没有真正受益于 VDOM 提供的更大灵 active 。那么为什么 Evan 决定使用 VDOM？
最佳答案
这个设计决定有几个方面。
可维护性和灵 active 。直接 DOM 绑定(bind)(如在 Vue 1.x 中)对于单个绑定(bind)确实是高效和直接的，但在涉及列表时就不那么高效了。当涉及组合时，它会变得更加复杂(例如插槽机制)。对于每一种这样的特性(涉及片段的组合)，都需要编写专用的有状态代码，它们可能会相互影响，使系统更难维护。使用 VDOM 将最终的 DOM 操作与特征层完全分离 - 特征代码现在通过声明式组合 VNode 来工作，从而更容易维护和添加新特征。
另外，VDOM的这种灵 active 也可以让用户绕过模板，直接编写渲染函数，从而展现给用户。
VDOM diffing 不是免费的 - 事实上，当您在大型组件树的根部 setState() 时，它可能会非常昂贵。这就是为什么在 React 中你需要使用 PureComponent 或实现 shouldComponentUpdate 来绕过部分组件树。有了 dep 跟踪系统，我们可以自动且更准确地检测需要更新的组件，因此即使 VDOM 也可以从拥有 dep 跟踪系统中受益。
依赖性跟踪也有其成本 - 对于每个绑定(bind)，它需要为跟踪的依赖性分配内存。超细粒度的绑定(bind)意味着应用程序中将有成千上万的响应式(Reactive)观察者，从而导致额外的内存使用。跟踪系统的粒度应该取决于我们正在构建的应用程序类型。基于对典型应用程序结构的观察，Vue 2 通过跟踪每个组件的依赖关系，使用了一种有点“中粒度”的策略，从而使每个组件成为一个响应式(Reactive)更新边界。
所以 - 将两者结合起来，我们可以从两方面获得好处:)
关于javascript - 为什么 Vue.js 使用 VDOM？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44238139/
我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
我有一个Ruby程序，它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重，我想提高压缩级别，因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗？是否有另一个允许指定压缩级别的Ruby库？ 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
很好奇，就使用rubyonrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提
假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外，还有什么方法可以访问C和m中的其他内容？我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)？如何在使用完匿名模块后将其删除，使其定义的常量不再存在？ 最佳答案 三个答案:是的，使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于
我正在尝试使用ruby和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封，在我看来soap请求没有正确的命名空间。任何人都可以建议我
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。
我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
