title: v-bind:style syntax not working in inline styles
body: <p>I'm fairly knew to Vue and the whole <code>v-bind</code> thing is throwing me for a loop...</p>
  <p>Basically, I'm trying to achieve this syntax, but with Vue's <code>v-bind</code>, since I can't use a variable in an inline CSS style:</p>
  <pre><code>&lt;div class=&quot;card&quot; style=&quot;background-color: {{school.color}}&quot;&gt;
  </code></pre>
  <p>Here's my Vue syntax, which I've followed from their documentation, but it's still throwing an error and I can't figure out why? Obviously, it has to be something simple, I just don't fully understand the intricacies of Vue yet!</p>
  <pre><code>&lt;div class=&quot;card&quot; :style=&quot;{ background-color: school.color }&quot;&gt;
  </code></pre>
  <p>Any help would be much appreciated!</p>