title: I can't convert json string to object in Vue.js and javascript
body: <p>im trying to convert this json string to object, but i can't, the console this erro:</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected end of JSON input</p>
  
  <pre><code>at JSON.parse (&lt;anonymous&gt;)
  at Vue$3.buildResults (rolList.js:422)
  at Vue$3.boundFn [as buildResults] (vue.js:141)
  at Vue$3.mounted (rolList.js:418)
  at callHook (vue.js:2768)
  at Vue$3.Vue._mount (vue.js:2630)
  at Vue$3.$mount (vue.js:6186)
  at Vue$3.$mount (vue.js:8557)
  at Vue$3.Vue._init (vue.js:3389)
  at new Vue$3 (vue.js:3437)
  </code></pre>
  </blockquote>
  
  <pre><code>The json string is this:
  
  {"modulos":{"1":{"name":" Usuarios","paginas":{"1":{"name":" Listado Usuarios","facultades":{"1":{"name":" ver"}}}}}}}
  </code></pre>
  
  <p>The java script code is this:</p>
  
  <pre><code>  resultsLi = new Vue({
      el: '#result-list',
      data: {
        resultls: "",
        json: []
      },
      mounted: function () {
        this.buildResults();
      },
      methods: {
        buildResults: function(event) {
          this.json = JSON.parse(this.resultls);
          console.log(this.resultls);
  
        }
      },
      watch: {
        resultls: function(val, oldVal){
          this.buildResults();
        }
      },
      delimiters: ['${', '}']
    });
  </code></pre>