记录一个van-list不断onLoad加载的坑及解决

在使用Vue.js编写的VanillaJS项目中，我遇到了一个问题，即VanilaJS中的列表（List）不断加载，直到浏览器崩溃。

问题产生的原因可能是VanillaJS对加载更多列表项的处理方式不恰当，需要设计出更合理的判断方式以避免这种问题。

首先，我可以检查列表项的数量和每次加载的项数，并尝试调整它们以查看是否有所改善。但是，这并没有解决问题，因为VanillaJS仍然没有截取加载新项目的逻辑。

其次，我可以尝试使用更多的事件侦听器（Event Listeners）来检测加载新列表项的次数，限制新项的数量，并更新UI。这可以解决VanillaJS继续加载新项的问题，但它并不真正地处理问题根源。

最后，我决定使用Vue.js架构改写整个项目，并优化代码质量以减少VanillaJS的负担。这个解决方案非常有效，因为Vue.js框架可以为每个项绑定视图数据，并且可以根据需要更轻松地更新UI。

总结：

- VanillaJS可能处理不当某些复杂的问题，需要使用更适用Vue.js框架。

- 添加更多的事件监听器可能会帮助缓解问题，但暂时无法解决问题的根本问题。

- 重新审视代码质量，优化项目架构可能是解决问题的 解决方案。