title: How to parse json in vue.js?
body: <p>I have a trouble in vue.js.</p>
  
  <p>I wanna make the settings page on server program that has a xml data.</p>
  
  <p>I think, That will work if done as follows :</p>
  
  <ol>
  <li>server | parse xml to json </li>
  <li>client | get json and read json</li>
  <li>client | edit json</li>
  <li>client | push json to server</li>
  <li>server | parse json to xml </li>
  <li>server | save xml</li>
  </ol>
  
  <p>But I can't read json because received json data has '@'.</p>
  
  <pre><code>"?xml": {
     "@version": "1.0",
     "@encoding": "utf-8"
  },
  "Nodes": {
    "Node": [
    {
      "@type": "development",
  
   - - - - 
  </code></pre>
  
  <p>I can't read @type attribute in script..</p>
  
  <p>// script</p>
  
  <pre><code>&lt;script&gt;
  var node = new Vue({
    el: '#Nodes',
    data: {
    json: null
  },
  filters: {
    checkNum: function(value) {
    var result = value;
      if (value &lt; 10) {
        var result = "0" + value;
      }
    return result;
    },
  }
  })
  
  $(document).ready(function(){
    console.log("ready");
    getNodes();
    setTimeInterval();
  });
  
  function getNodes() {
    var $url ="http://localhost:21004/nodes/current/get/json"
    $.ajax({
    url: $url,
    type: 'get',
    success: function (data) {
      console.log(data);
      console.log(data.Nodes[0].type);
      node.json = data;
    },
    error: function(err) {
      console.log(err);
    }
  })
  }
  
  function setTimeInterval () {
    setInterval(function() {
    getNodes();
  },3000)
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>// HTML</p>
  
  <pre><code>&lt;ul id="Nodes"&gt;
    &lt;li v-for="node in json.Nodes"&gt;
      {{ node.@type }}
      {{ node.@group }}
      {{ node.@name }}
    &lt;li v-for="item in node.Items"&gt;
      {{ node.@name }}
      {{ node.@defaultValue }}
      {{ node.@expression }}
      {{ node.@format }}
    &lt;/li&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks to read.</p>