title: Vue.JS - TypeError: Cannot use 'in' operator to search for 'undefined' in Laravel Object
body: <p>I want to pass an object from Laravel to Vue.js, then use it in <code>:v-for="option in this.options"</code>. I am able to pass the object from my Laravel blade to Vue.js component and display it in the console, but when I want to use the object in <code>v-for</code> I get this error:</p>
  
  <pre><code>TypeError: Cannot use 'in' operator to search for 'undefined' in [{"id":1,"poll_id":1,"content":"Black","created_at":"2019-12-15 02:53:52","updated_at":"2019-12-15 02:53:52"},{"id":2,"poll_id":1,"content":"Blue","created_at":"2019-12-15 02:53:52","updated_at":"2019-12-15 02:53:52"}]
      at Proxy.render (app.js:48972)
      at VueComponent.Vue._render (app.js:52735)
      at VueComponent.updateComponent (app.js:53251)
      at Watcher.get (app.js:53662)
      at new Watcher (app.js:53651)
      at mountComponent (app.js:53258)
      at VueComponent../node_modules/vue/dist/vue.common.dev.js.Vue.$mount (app.js:58228)
      at VueComponent../node_modules/vue/dist/vue.common.dev.js.Vue.$mount (app.js:61113)
      at init (app.js:52315)
      at createComponent (app.js:55157)
  </code></pre>
  
  <p>Vue.JS component</p>
  
  <pre><code>&lt;template&gt;
      &lt;div :v-for="option in this.options"&gt;
          &lt;div v-if="option" class="option mt-4"&gt;
              {{ option }}
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          props: [
              'id', 'options'
          ],
          mounted() {
              this.options = JSON.parse(this.options);
              console.log(this.options);
          },
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Laravel blade</p>
  
  <pre><code>&lt;options :id="{{ $poll-&gt;id }}" :options="'{{ json_encode($poll-&gt;options) }}'"&gt;&lt;/options&gt;
  </code></pre>
  
  <p><code>console.log(this.options)</code> returns</p>
  
  <pre><code>(2) [{…}, {…}, __ob__: Observer]
      0: {…} // id, poll_id, content, created_at, updated_at
      1: {…} // id, poll_id, content, created_at, updated_at
      length: 2
      __ob__: Observer {value: Array(2), dep: Dep, vmCount: 0}
      __proto__: Array
  </code></pre>