title: How to pass a computed property as a style property value for a component in Vue.js?
body: <p>The template of my component contains this html element:</p>
  
  <pre><code>.grid-item(:style="{ width: columnWidth, backgroundColor: 'blue' }")
  </code></pre>
  
  <p>and I'd like to set its width value using a computed property:</p>
  
  <pre><code>computed: {
    columnWidth () {
      return ((this.maxWidth - ( this.marginWidth * 2)) - ((this.columnsCount - 1) * this.gutterWidth)) / this.columnsCount;
    }
  }
  </code></pre>
  
  <p>How can I achieve this in a correct manner?</p>
  
  <p>The problem is obviously in the <code>:style="{ width: columnWidth</code> part
  since every thing works perfectly when I set this <code>width:'20px'</code> for example.</p>