v-bind:style syntax not working in inline styles
<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>