在开发Web应用程序时，视图是将数据呈现给用户的关键部分。Backbone.js是一个流行的前端框架，它提供了一种结构来管理模型、集合和视图之间的依赖关系并简化了UI的开发。
在这篇文章中，我们将探讨当数据变化时，应该重建还是重新创建Backbone.js视图。我们将介绍两个常见的解决方案，并提供示例代码以展示如何实现它们。
问题
当视图与模型或集合相关联时，如果数据发生更改，那么需要更新视图以反映新数据。但是，应该使用什么方法来更新视图？应该重新创建视图还是重建已有的视图？
重建视图
重建视图意味着销毁当前的视图实例并创建一个新的视图实例，然后将其附加到DOM中。这种方法确保了DOM树上的干净状态，因为旧视图被完全清除。此外，重建视图可以确保新视图的事件处理能力和渲染逻辑是正确的。而且，如果视图本身比较简单，那么重建视图可能比重建子元素更快。
重建子元素
另一种方法是重建子元素，也称为部分视图更新。这种方法只更新需要更改的部分，可以在不重新渲染整个视图的情况下实现。这种方法通常需要更多的代码来处理DOM元素的更新和事件处理，但可以提高性能，特别是当视图较大时。
决策
应该使用哪种方法来更新Backbone.js视图？答案取决于您的应用程序要求。
如果您的视图是简单的，并且已知即将发生的更改，那么重建视图可能是最好的方法。另一方面，如果您的视图比较复杂或者不确定哪些部分会更改，那么重建子元素可能是更好的选择。
实例
下面是两个示例代码，一个演示了如何重建视图，另一个演示了如何重建子元素。
重建视图示例
--- ------ - ----------------------
----------- ---------- -
------------------------- --------- -------------
--
------- ---------- -
--------------------------------------------------
------ -----
--
--------- ------------------------------------
---
--- ------- - --- --------------------- ------- ---- -----
--- ------ - --- -------------- ----------
----------------------------
------------------ ----
----------------
------ - --- -------------- ----------
----------------------------重建子元素示例
--- ------ - ----------------------
------- -
------ -------- --------------
--
----------- ---------- -
------------------------- ------------- ----------------
--
------- ---------- -
----------------------- - - ---------------------- - ------------ ----- ------------- - --------------------- - ----------------------------- ---------------
------ -----
--
---------- ---------- -
-------------------------------------------
--
------------- ---------- -
--------------------- --------------------- - ---
-
---
--- ------- - --- --------------------- ------- ---- -----
--- ------ - --- -------------- ----------
----------------------------
------------------ ----结论
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11513