先创建一个vue项目

首先 我们先引入依赖

npm i x2js

然后 我们就直接将代码写在App.vue里了

<template>
  <div>
    查看xml
  </div>
</template>
<script>
import x2js from 'x2js'
export default {
  name: "HelloWorld",
  data() {
    return {
      xml: `<?xml version="1.0" encoding="UTF-8"?>
        <root>
          <lbs>
          <lb>
            <label name = "订单管理">合同编号</label>
            <text name = "订单编号">123456</text>
          </lb>
        </root>`
    };
  },
  created(){
    // 调用
    let xml = (new x2js).xml2js(this.xml)
    console.log(xml);
  },
  methods: {
  },
};
</script>

我们data中的xml 就是一个 xml格式魔板的字符串 调用 x2js下的xml2js方法进行转译 然后输出

运行结果如下

之后 我们就可以当做一个JSON处理了

当然 也可以json转xml
我们更改created如下

  created(){
    // 调用
    let xml = (new x2js).xml2js(this.xml)
    console.log(xml);
    console.log((new x2js).js2xml(xml))
  },

我们先用xml2js转出一个xml格式的json 然后用js2xml将他复原

转译回来之后 其实还是会有一些不太一样 不过意思其实还是一样的