title: vuejs (2) style binding top/left properties
body: <p>I'm trying to bind two style properties within a json object to an element in my html. I've tried using pixels and percentages, written in various ways (I realize pixel coordinates shown below do not match where % coordinates would place something, this is just an example).</p>
  <p><code>{left: 30 + 'px', top:25 + 'px'} </code>{left: '30px', top:'25px'}</p>
  <p><code>{left: 30 + '%', top:25 + '%'} </code>{left: '30%', top:'25%'}</p>
  <p>and I'm binding like:
  `v-bind:style=&quot;objnamehere&quot;</p>
  <p>When I reload the page, the element is not positioned at those locations. I'm not sure what I'm doing wrong. One of those should have worked based off the official examples here: <a href="https://v2.vuejs.org/v2/guide/class-and-style.html" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/class-and-style.html</a></p>