title: passing json to other vue component
body: <p>I sent json in sup component to sub component but when I tried to use it like voca[1].e it won't be possible in sub component.</p>
  
  <p>The json is same like this </p>
  
  <pre><code>voca: [{"e" :"happy", "k": "행복"},{"e" :"happy", "k": "행복"}, ...]
  </code></pre>
  
  <p>and I sent it to sub component to use a props.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  import sub1 from './components/sub1.vue'
  import sub2 from './components/sub2.vue'
  
  export default {
    components: {
      'sub1': sub1,
      'sub2': sub2
    },
    data() {
      return {
        message: '',
        voca: [
          {"e" :"happy", "k": "행복"},
          {"e" :"happy", "k": "행복"},
          {"e" :"happy", "k": "행복"}
          ]
      }
    },
    computed: {
         
        }    
    }
  }
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;sub1 v-bind:propsdata="voca"&gt;&lt;/sub1&gt;
      &lt;sub2&gt;&lt;/sub2&gt;
    &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>this is sub component's code snipet</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  export default {
      props: ['propsdata'],
      data() {
        return {
            obj: propsdata
        }  
      },
      computed: {
          
      }
  }
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div&gt;
          sub
          &lt;p&gt;{{obj[0].english}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>like I said obj[0].english is not work 
  the error is here</p>
  
  <pre><code>[Vue warn]: Error in render: "TypeError: Cannot read property 'english' of undefined"
  </code></pre>
  
  <p>How to use like voca[0].english when I get data from props in sub component?</p>