Question: I need to iterate through complex XML files (multiple thousands of lines) and change the children values of specific nodes:

```
        <Property name="QualityVariants">
          <Property value="GcObjectSpawnDataVariant.xml">
            <Property name="ID" value="STANDARD" />
            <Property name="Coverage" value="0.23" />
            <Property name="FlatDensity" value="0.01" />
            <Property name="SlopeDensity" value="0.01" />
            <Property name="SlopeMultiplier" value="1" />
            <Property name="MaxRegionRadius" value="3" />
            <Property name="MaxImposterRadius" value="99" />
            <Property name="FadeOutStartDistance" value="9999" />
            <Property name="FadeOutEndDistance" value="9999" />
            <Property name="FadeOutOffsetDistance" value="0" />
            <Property name="LodDistances">
              <Property value="0" />
              <Property value="50" />
              <Property value="100" />
              <Property value="300" />
              <Property value="1000" />
            </Property>
          </Property>
        </Property>

```

In this example, I need to multiply each value of "LodDistances" by 3. While "LodDistances" doesn't change in name or its values, its parental hierarchy does from file to file (and there are multiple LodDistance nodes). Im using xml.etree.ElementTree to change these xml files, but I have not found an example so far that does this. The following is my attempt at finding and replacing the node values, but Im lacking on knowledge here:

```
for child in root.findAll('LodDistances'):
   for value in root.iter(child):
      value.set('value', int(value.get('value')) * 3)

```

This isnt working however, but I feel like I am close. Any help is appreciated, thank you!

Answer: 
A good way to make HTTP requests via VueJS is to use [Axios](https://github.com/axios/axios). They provide easy to use methods and have a good amount of documentation to do so. [Here is an example](https://github.com/axios/axios#example) for how to set up Axios and make a simple HTTP `GET` request. Also, [here is documentation](https://github.com/axios/axios#response-schema) on how responses are formatted by Axios when you make an HTTP request.
Add axios lib to your project and try this ;)

```
 <div id="app">
  <div v-if="loading">
    loading...
  </div>
  <div v-else>
    <ul>
      <li v-for="post in posts">
        <h1>
          {{post.title}}
        </h1>
        <p>
          {{post.body}}
        </p>
      </li>
    </ul>
  </div>
</div>

const URL = 'https://jsonplaceholder.typicode.com/posts';
new Vue({
    el: '#app',
    data() {
    return {
        loading: true,
      posts: [] // add posts here so reactivity is working, also undefined would be OK
    }
  },
  created() {
    //this.loading = true --> not needed already set in data
    axios.get(URL).then((response) => {
        // console.log(response.data, this)
      this.posts = response.data
      this.loading = false
    })
  }
})

```