<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">Currently, you can set a <code class="notranslate">true</code> value on a prop by simply using the prop's name (i.e. <code class="notranslate">&lt;input readonly...&gt;</code>), but there is no equivalence for setting <code class="notranslate">false</code> values (i.e. <code class="notranslate">&lt;input :readonly="false"&gt;</code>).</p>
<p dir="auto">In most cases (like above), <code class="notranslate">false</code> is already the default value, but there are still many instances where a prop's default is <code class="notranslate">true</code> and must be overridden. The API is cumbersome in those instances.</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<p dir="auto">I'm proposing a simple, in-template, "false-assertion" shorthand that could significantly improve the Vue developer experience. The "false-assertion" operator would explicitly set props to <code class="notranslate">false</code>.</p>
<h3 dir="auto">Current API</h3>
<p dir="auto"><code class="notranslate">&lt;input :readonly="false"/&gt;</code></p>
<h3 dir="auto">Proposed API</h3>
<p dir="auto"><code class="notranslate">&lt;input !readonly/&gt;</code></p>
<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">There's already a nice shorthand for <code class="notranslate">true</code> props where you just add the prop name on its own, however there isn't an equivilent shorthand for <code class="notranslate">false</code> props. Below are a couple suggestions for that shorthand that would make writing/reading these props easier I think. It's a pretty minor feature request, but I think it would add to the already amazing developer experience of using Vue.</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<p dir="auto"><code class="notranslate">&lt;component !prevent /&gt;</code> translates to <code class="notranslate">&lt;component :prevent="false" /&gt;</code></p>
<p dir="auto"><code class="notranslate">&lt;component :not-prevent /&gt;</code> translates to <code class="notranslate">&lt;component :prevent="false" /&gt;</code></p>