title: How do I bind an inline style?
body: <p>I've been following the guide: <a href="https://v2.vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles</a> for inline css in VueJS. However in some situations, it not working.</p>
  <blockquote>
  <p>:style=&quot;{ background: colorSelected }&quot;  // working</p>
  </blockquote>
  <p>The following gives an error saying: - invalid expression: :style=&quot;{ border-color-left: colorSelected }&quot;</p>
  <blockquote>
  <p>:style=&quot;{ border-color-left: colorSelected }&quot;  // not working</p>
  </blockquote>