title: passing array of objects to a component in vue.js
body: <p>I am having problem to pass an array of objects to component in Vue.js 2.2. </p>
  
  <p>Here is my component</p>
  
  <pre><code>&lt;vue-grid :fields = "[
    {name: 'Person Name', isSortable: true}, 
    {name: 'Country', isSortable: true}]"
  &gt;&lt;/vue-grid&gt;
  </code></pre>
  
  <p>It doesn't work as it renders the curly braces in the browser.<br>
  I've tried without the quotation <code>"</code> in the object and without the colon <code>:</code> in front of <code>fields</code> property. None of these work either.
  However, if I just pass a simple string that works. I don't know why object is not working.<br>
  I have found a similar <a href="https://stackoverflow.com/questions/41577211/passing-an-array-to-a-component-in-vue-js-2-0">question</a> but answer was given for php. I need the solution just for JavaScript. I want to hard code the object array in the component. </p>