title: Array as prop for Vue.js component?
body: <p>I have a glorified input component called 'field', in which I have declared a number of props, thus:</p>
  
  <pre><code> props: ['value','cols','label','group','name']
  </code></pre>
  
  <p>Given that this is effectively a fancy wrapper for an input, there are quite a few other attributes I might want to pass in as well, such as 'placeholder', for example. I don't really want to have to declare all of these in props (although the list is finite enough for it to be possible to do so, of course). What I'd prefer to do is to pass an array, perhaps called 'attrs', which could contain an arbitrary set of properties. Now I know it's possible to do this, but my question is how would I create this from within the parent? Can I do so with something like the following (although obviously with the requirement for bindings)?</p>
  
  <pre><code> &lt;field :attrs="['placeholder':'Whatever','length':42]"&gt;&lt;/field&gt;
  </code></pre>