title: Shorthand Vue bind
body: <p>In vue there are a couple ways to bind a property to an html tag. For example</p>
  <pre><code>&lt;span v-bind:style=&quot;style&quot;&gt;&lt;/span&gt;
  </code></pre>
  <p>Where <code>style</code> exists in the current controller, either as a property or as the component data.</p>
  <p>A shorter way to do this is to use the <code>v-bind</code> shorthand:</p>
  <pre><code>&lt;span :style=&quot;style&quot;&gt;&lt;/span&gt;
  </code></pre>
  <p>I was wondering if there was a shorter way of doing this, or if there is something similar coming in vue 3, something like this I would like:</p>
  <pre><code>&lt;span :style&gt;&lt;/span&gt;
  </code></pre>
  <p>Is this possible?</p>