在Vue应用程序中解析XML文件

Question

我开始关注Vue.js，并希望了解更多关于以下内容的结构和最佳实践，因为我无法找到任何特定的资源，无论是stackoverflow还是外部，可能还有一个实时代码示例： / p>

• 如何构建本地存储的多个xml文件加载到多个var对象中，如果有任何最佳实践或插件与vue严格相关，而不是像xml-js那样使用npm库而我假设本地的fs文件？
• 如何使用vue功能在多个vars中解析js等效对象树中的特定元素，并显示简单元素和来自不同xml文件的2个元素之和的示例。

vue是否有自己优雅的解决方案来遍历/处理元素或维护插件，或者这是我应该考虑使用标准的javascript？

如果我可以选择xml或json作为本地文件的起点，那么在没有额外的js库的情况下vue可以做什么不同？

示例： 在vue中加载，解析和显示带有名称和值的dt和dd标记的dl循环，以及在注释集1和集合4中的和值的最佳方法是什么？

file1.xml --
<?xml version="1.0" encoding="UTF-8"?>
<notes>
  <note set="1">
    <name>Mark</name>
    <value>2</value>
  </note>
  <note set="2">
    <name>Jamie</name>
    <value>4</value>
  </note>
</notes>

file2.xml --
<?xml version="1.0" encoding="UTF-8"?>
<notes>
  <note set="3">
    <name>John</name>
    <value>3</value>
  </note>
  <note set="4">
    <name>Carl</name>
    <value>6</value>
  </note>
</notes>